
Web developers are well used to thinking about their sites and apps running on different browsers, and different devices. Consumers are aware that there are different browsers, and a variety of devices with which to browse web content. In my development world I rarely turn down an opportunity to do anything, and mobile has been a top priority for clients now for a few years. The design and development of sites would be in two distinct phases for me – the regular browsers buildout and the mobile browsers buildout. Two sites, often drawing upon a single database, but two distinct interfaces, to build. And to manage. That’s a pain. Not to mention how difficult it can be to make content display properly on like *all* mobile devices. And I have even mentioned multimedia yet…audio…video…why the internet exists (in my opinion)!
Until now. The site I’m developing right now (email me for a dev link if you’re interested) which I will later add a url in this post for, is a next generation site. That’s so lame. Its clearly this generation, yet they call certain techniques ‘next generation’ while doing them now, thereby declaring them ‘this generation’. Anyways…this site is built on a CSS grid framework. http://960.gs/ is where you can find the cheese. The kicker – so far, this site displays exactly the same on computer browsers and mobile browsers. That rocks. Truely. Simply. Build your site on a CSS grid framework and its gonna look right everywhere.
Even multimedia components are supposed to work. I added a feature image rotator…worked fine. I also added a video component with a Flash fallback (for older browsers). That component is supposed to work in Droid’s 2.0 browser and iPhone’s et al. Still testing, so far, so good. And social-ish content hooks are all straight playable across platforms and media venues. I through in a three panel tab system with HTML5 and its rock solid, browsers, mobile, everywhere.
The development world is getting easier, smarter and faster all the time. Dive in. (and btw, this site is built on the grid…)