11 juillet 2011
5 Helpful Mobile Web Design Tools & Resources
Mobile commerce is on the rise and its small screens make it more important than ever to pay attention to the browsing experience of your sites. The Next Web made a list of mobile web design resources that’ll make it easy for you to deliver a simple but aesthetically pleasing mobile web experience.
- 320 and Up
320 and Up is a HTML5 project starter kit that was created around the idea that, in a world where mobile browsing is prevalent, designers should start by designing for the smallest viewport and work the design upwards. It’s a stark contrast to the standard approach, which is to create a design for desktop and scale it down.
- Treesaver
Treesaver is a JavaScript framework that helps you create magazine-style layouts easily. These layouts work just as well on mobile platforms as they do in the desktop, and are useful if you’re trying to take advantage of the resurgence of interest in the magazine layout for relaxed tablet reading.
- WPtouch Pro
WPtouch Pro is a relatively inexpensive WordPress plugin that takes all of the work out of creating mobile versions of your WordPress sites. After installing the plugin and doing some basic configuration, you’re good to go with a smartphone and iPad optimized version of your site, and you can create child themes to tweak the aesthetic to your liking.
- W3C mobileOK Checker
Got your mobile design ready to go and want to make sure that it’s as mobile-friendly as possible? As always, the W3C has stepped up with mobileOK Checker, a validation tool of sorts. It checks things like file size, your use of absolute units, and how many external resources you’ve embedded.
- iPadPeek
iPadPeek loads your website in an iPad-sized canvas and allows you to test in both landscape and portrait orientations. You’re best of using Firefox 3.5+, Chromium 5+ or Opera 10.5+ as it uses CSS3 transformations to scale your site in portrait mode.
For more mobile web design resources read the full article on
the Next Web