Mobile web design has been around for quite a while. Unfortunately, a lot of mobile design guidelines are out of date and focus on low-resolution, non-touchscreen phones. Despite their popularity, there isn’t a whole lot of information out there for designing websites for the new generation of smartphones (iPhone, Android devices, BlackBerry touchscreens, etc.) — these devices are growing more and more popular in Europe and North America.
Below are some fantastic resources for designing not just mobile websites, but smartphone-friendly sites. We’ve covered everything from basics to tutorials to usability. If there are other resources you’ve found useful, please share them in the comments.
The articles below give a great introduction to designing for mobile devices, plus more in-depth information. There are both basic, theory-driven articles as well as more technical tutorials.
This article from Speckyboy Design Magazine goes in-depth into what you need to consider when creating your mobile site design. It covers everything from allowing for fluctuations in your layouts to hiding awkwardly-proportioned content for your mobile visitors.