As a creative who persists with Nokia Symbian mobile phones, because they have the best mobile cameras on the planet, I spend a lot of time on the mobile web. And I am very thankful for all the designers and developers and others who have put the time, effort, and thought into creating great mobile web experiences.
The good news is that I have a great camera phone with me at all times, the not so great news is that daily I as I surf the web on my mobile I discover that a lot of web designers and developers need to make their web sites and apps more mobile friendly.
So, I am going to be future grateful and thankful that all the folks creating on the web are going to be making great web sites and apps that are not only mobile friendly, but kick bootay on a wide range of mobile devices and connections.
If you are a creative or a technologist who wants to know where to start, I got a list for you after the jump:
Ms. Jen’s recommendations on getting started with Mobile Web Design and Development
Where the recent craze for Responsive Web Design started (formerly known as Flexible Web Design):
Oldie but Goodie: Luke W’s Mobile First post: http://www.lukew.com/ff/entry.asp?933
Ethan Marcotte’s RWD ALA article: http://www.alistapart.com/articles/responsive-web-design/
Brian and Stephanie Rieger’s Rethinking the Mobile Web: http://yiibu.com/articles/rethinking-the-mobile-web/
2012 Resources for Mobile Web Best Practices:
Brad Frost’s Responsive Web Design resource center: http://bradfrost.github.com/this-is-responsive/
Mobile Web Best Practices: http://mobilewebbestpractices.com/
W3C MobileOK Validator: http://validator.w3.org/mobile/
Mobile HTLM5 Brower Compatibilities: http://mobilehtml5.org/
Media Queries Gallery of Sites: http://mediaqueri.es/
Google Optimization Resources: https://developers.google.com/speed/pagespeed/insights
Akamai’s Mobile Performance Testing: http://mobitest.akamai.com/m/index.cgi
Slowy App Connection & Bandwidth tester: http://slowyapp.com/
Src.Sencha.io mobile cloud image resizer: http://docs.sencha.io/current/index.html#!/guide/src
Cloud Four’s Responsive IMGs blog posts:
http://blog.cloudfour.com/responsive-imgs/
http://blog.cloudfour.com/responsive-imgs-part-2/
Matt Wilcox on Responsive Images: http://dev.opera.com/articles/view/responsive-images-problem/
Chibi – the tiny Javascript micro-framework: https://github.com/kylebarrow/chibi
HTML5 Mobile Broilerplate: http://html5boilerplate.com/html5boilerplate.com/dist/mobile/
320 and up broilerplate: http://stuffandnonsense.co.uk/projects/320andup/
Screenqueri.es’ Foundation 3 tool: http://screenqueri.es/
.net mag’s 50 fantastic tools for RWD: http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design
Digging Deeper, The Books:
Head First Mobile Web
Implementing Responsive Design: Building sites for an anywhere, everywhere web
Programming the Mobile Web
Responsive Web Design
Beginning Smartphone Web Development
Mobile First