Roughly 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 »










































Pingback: Showcase of 20 Mobile-Friendly Popular Design Blogs | TopRoundups
Pingback: Showcase of 20 Mobile-Friendly Popular Design Blogs | CSS Guru How to CSS
Pingback: links for 2010-03-11 | AndySowards.com :: Daily Professional Web Design, Development, Programming Freelancer, Hacks, Downloads, Math and being a Web 2.0 Hipster?
Pingback: Affordable Website Design | Affordable Web Design
Pingback: Affordable Website Design | Affordable Web Design
Pingback: 75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March @ SmashingApps
Pingback: 75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March « gabriel catalano | in-perfección
Pingback: 20 Amazing Mobile Friendly Tips and Tools for your Website « how-to, inspiration, marketing, wordpress « KnowTeBook - Webworkers Daily Milk
Pingback: 20 Amazing Mobile Friendly Tips and Tools for your Website » » mediaplana