responsive design: best practices mobile web design tampa
Responsive design is still in its infancy but there are logical best practices that a lot of designers DO NOT follow. I do.
- Keep the navigation at the top (in the html)
- Mobile UP: build your code to work on the smallest device first so that mobile users are not loading a bunch of styles not relevant to their experience.
- Make it fluid width: Don't just style the site for certain common device size point breaks, make the site fluid so that when a NEW device with an unknown size hits the market, the site will accomodate it.
- Adapt the images dynamically so that the max-width doesn't exceed the landscape width of common devices.
- Make the main navigation bigger for fingers. I hate when I click the wrong link because the area is too small.
- Provide a style sheet for handheld devices. It may not look the prettiest but will work for older, not too smartphones.
You'd be surprised how many do not employ these common sense, best practices.