{"id":17674,"date":"2012-04-11T10:26:25","date_gmt":"2012-04-11T17:26:25","guid":{"rendered":"http:\/\/blog.wapreview.com\/?p=17674"},"modified":"2012-12-21T20:05:02","modified_gmt":"2012-12-22T04:05:02","slug":"wpmus-mobile-first-responsive-design","status":"publish","type":"post","link":"https:\/\/wapreview.com\/17674\/","title":{"rendered":"WPMU’s Mobile First, Responsive Design"},"content":{"rendered":"

\"WPMU<\/a><\/p>\n

WPMU.org<\/a> is a great resource for WordPress publishers and developers. Don’t be put off by the site’s name which suggests it’s about the “MU” multi-user\/multi-site version of WordPress (which no-longer exists as a standalone product). Actually, WPMU.org is the most popular\u00a0independent\u00a0site covering\u00a0WordPress and BuddyPress. Packed with WordPress lore, news, tips, tutorials and theme and plug-in downloads, it’s a site that should be of interest to anyone who runs a WordPress or BuddyPress site.<\/p>\n

Last July WPMU.org was redesigned in the “responsive<\/em>” style which means that the site adapts itself, using mainly front-end (client side) logic, to a wide range of browsers, both desktop and mobile. In a post about the re-design<\/a>, one of designers talks about how they used a “mobile first” approach that delivers 320 px wide images by default so that mobile devices don’t have to download large graphics intended for desktop browsers. If the front-end code detects a wider viewport, it replaces the images with larger ones.<\/p>\n

<\/div>\n

\"WPMU<\/a><\/p>\n

The design targets devices ranging from modern mobile browsers with a screen width of 320 px or more on up to tablet and desktop browsers. I tried it with the Android Gingerbread browser, Opera Mobile 12, Opera Mini 7 and\u00a0Firefox Mobile 12 (all on Android) and with the\u00a0WebOS 1.4.5.1\u00a0and Symbian Belle (image top, right) mobile browsers and in Chrome (image below), Firefox and Opera on the desktop. The site generally looked good and worked well on all of them, which I find pretty impressive. The only glitch I noticed was that lightbox images in posts where badly clipped on the right side on all my mobile devices (image right). Hopefully this can be fixed.<\/p>\n

The mobile first approach works pretty well. According to Opera Mobile 12.0 for Android, the homepage was a\u00a0relatively\u00a0svelte\u00a0247 KB in the mobile browser, while in Firefox it was 1184 KB.<\/p>\n

Filed in:<\/em>\u00a0Wap Review Directory – RSS – Blogging<\/a>
\nMobile Link:<\/em>\u00a0wpmu.org<\/a><\/p>\n

<\/div>\n

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

WPMU.org is a great resource for WordPress publishers and developers. Don’t be put off by the site’s name which suggests it’s about the “MU” multi-user\/multi-site version of WordPress (which no-longer exists as a standalone product). Actually, WPMU.org is the most popular\u00a0independent\u00a0site covering\u00a0WordPress and BuddyPress. Packed with WordPress lore, news, tips, tutorials and theme and plug-in downloads, it’s a site that should be of interest to anyone who runs a WordPress or BuddyPress site. Last July WPMU.org was redesigned in the … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":17679,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[51],"tags":[1356,1361,1357],"_links":{"self":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/17674"}],"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=17674"}],"version-history":[{"count":27,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/17674\/revisions"}],"predecessor-version":[{"id":18885,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/17674\/revisions\/18885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media\/17679"}],"wp:attachment":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media?parent=17674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/categories?post=17674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/tags?post=17674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}