Programming Blog
Web development , php , ajax , symfony, framework, zend
Showcase of 20 Mobile-Friendly Popular Design Blogs
In: web resources
11 Mar 2010Roughly 3-4% of our readers view this site via a mobile device and that percentage is growing week-to-week. They aren’t very high percentages but it was certainly high enough to prompt me into action – I started considering a mobile version of this site.
Let me start by saying that I didn’t want it look like an entirely stripped down version of the full site. I did want to keep the overall layout of the hompage (thumbnails and excerpt), I wanted the internal post images to be re-sized per screen rather than cropped, and most importantly, I wanted the essence of the site, albeit in smaller mode, to reflect on the mobile version.
I experimented with a few WordPress plugins, for some sites these plugins may be powerful enough, but not for me, I wanted more functionality. I also tried a few web services, I wasn’t too happy with them either.
Eventually I chanced upon the solution while browsing WebDesigner Depot on my HTC Hero (much better than the iPhone!), and there mobile site just looked amazing. It has the appearance of a mobile app while still maintaining the integrity and functionality of the full site. I went digging and found out that they were using Mobify, a web service were you can design a mobile layout for your website exactly how you want.
I since discovered that a lot of design blogs were also using Mobify (Smashing Magazine and Abduzeedo to name a couple), so I jumped in and tried it. You can see from the screenshot below what I have built, and it actually wasn’t that hard nor did it test the patience. Speckyboy-Lite looks not too bad:
Mobify Overview
In case you were wondering what Mobify is all about, have a look at this short video below.
Abduzeedo
Smashing Magazine
SitePoint
Veerle's blog 2.0
Webdesigner Depot
Yanko Design
A List Apart
TheDieline
I love Typography
Jeffrey Way
Six Revisions
Avatar NY
DesignM.ag
WebmasterRadio.FM
kristarella.com
CSS-Tricks
Just Creative Design
Amy Stoddard
MyInkBlog
You might also like…
49 Free Windows Mobile 6+ Smartphone Apps and Services »
45+ Cool Google Android Apps – The Perfect iPhone Replacement »
Comment Form
About this blog
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.
3 Responses to Showcase of 20 Mobile-Friendly Popular Design Blogs
lawrence.peavy
March 26th, 2010 at 1:23 am
User Agent Switcher
Does exactly what its name is: Switches the User Agent so the website thinks that it is being viewed by a mobile device.
Many options, great addon
Lecia B
May 10th, 2010 at 6:22 am
Yeah. First you have to have the Ipod disc that installs it, and start from the very beggining. Could take a little while, but you can do it.
Andrew L
May 31st, 2010 at 7:07 am
This formula in Excel will take a random string of 3 words from 3 columns of 100 words (1 word from each). It will put a space between each word. Adjust the 100 value to match the number of words.
Say you have 100 words in Cols A, B & C, in D1 put
=INDIRECT("A"&INT(RAND()*100)+1)&" "&INDIRECT("B"&INT(RAND()*100)+1)&" "& INDIRECT("C"&INT(RAND()*100)+1)