{"id":18901,"date":"2013-01-05T10:47:57","date_gmt":"2013-01-05T18:47:57","guid":{"rendered":"http:\/\/blog.wapreview.com\/?p=18901"},"modified":"2013-01-13T17:06:45","modified_gmt":"2013-01-14T01:06:45","slug":"9to5macs-mobile-first-responsive-design-works-everywhere","status":"publish","type":"post","link":"https:\/\/wapreview.com\/18901\/","title":{"rendered":"9to5Mac’s Mobile First Responsive Design Works Everywhere"},"content":{"rendered":"

New Site Added to the Wap Review Mobile Directory<\/p>\n

\n

\"QR<\/p>\n

 <\/p>\n

Mobile Link:\u00a09to5mac.com<\/a>
\nRating:Content\u00a0\"*\"\"*\"\"*\"\"*\"\"_\"\u00a0Usability\u00a0\"X\"\"X\"\"X\"\"X\"\"_\"<\/em>
\nDoctype:<\/em>\u00a0HTML5
\nHome Page Weight<\/em>: 502 KB
\nCategory:<\/em>\u00a0Science & Tech\/Apple<\/a><\/p>\n

\n

Description:<\/em><\/p>\n

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,<\/p>\n

Last August 9to5Mac and sister sites 9to5Google<\/a> and 9to5Toys<\/a> (consumer electronics and deals) got a mobile first responsive \u00a0redesign. 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.<\/p>\n

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.<\/p>\n

\n

Screenshots:<\/em><\/p>\n

\"9to5Mac<\/a> \"9to5Mac<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

New Site Added to the Wap Review Mobile Directory   Mobile Link:\u00a09to5mac.com Rating:Content\u00a0\u00a0Usability\u00a0 Doctype:\u00a0HTML5 Home Page Weight: 502 KB Category:\u00a0Science & 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 \u00a0redesign. It … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":18903,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,51],"tags":[1356,148,1361],"_links":{"self":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18901"}],"collection":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/comments?post=18901"}],"version-history":[{"count":11,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18901\/revisions"}],"predecessor-version":[{"id":18927,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18901\/revisions\/18927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media\/18903"}],"wp:attachment":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media?parent=18901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/categories?post=18901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/tags?post=18901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}