9to5Mac's Mobile First Responsive Design Works Everywhere

New Site Added to the Wap Review Mobile Directory


QR Code

 

Mobile Link: 9to5mac.com
Rating:Content ****_ Usability XXXX_
Doctype: HTML5
Home Page Weight: 502 KB
Category: Science & Tech/Apple


Description:

9to5Mac is a popular news and rumor blog covering Apple Inc. The site was the first to report on a slew of new Apple products and features including Siri and the iPhone 4s' dual core A5 processor,

Last August 9to5Mac and sister sites 9to5Google and 9to5Toys (consumer electronics and deals) got a mobile first responsive  redesign. It starts out with a simple one column mobile friendly layout and progressively adds things like retina resolution images, sidebars, an animated lightbox and desktop ads. The result looks and works very well with desktop browsers and just every mobile browser I tried including non-Apple ones like the Android Gingerbread browser, the Symbian Belle browser, Firefox Mobile, Opera Mobile and proxy browsers Opera Mini, UC Web and Nokia Xpress for S40. I even got 9to5Mac to load (slowly) and be usable in the ancient Myriad (formerly Openwave) feature phone browser.

The mobile first philosophy pays off in drastically reduced page size. In Firefox 17 on my Linux PC, 9to5Mac's home page weighs in at a hefty 7311 KB ( 2741 KB compressed). In the Myriad browser it's 502 KB, one sixth the size.


Screenshots:

9to5Mac In Opera Mini for Android 9to5Mac in Firefox Mobile for Android

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>