So 2009 is upon us and already there’s been a lot of talk in the blogosphere about this being the year of the mobile web. But how many bloggers are ready for a mobile audience?
Here are two easy steps to make your blog mobile friendly. This script should direct visitors who visit any of the pages on your blog to a main mobile blog site. It is possible to create a fully mobile blog site by creating a specific stylesheet for mobile users using CSS but this is more complex and I haven’t fully worked out how to do it yet. But will blog about it if and when I do.
Step one
Create a mobile blog using Mippin.
Step two
Add the following code inside the head tags. Remove the asterisks and add your mobile blog web address.
<*script type=”text/javascript”>
if (screen.width<=800) { window.location=”http://mippin.com/yourblog” } <*/script>
Hey presto you’ve got a mobile site. Grab your phone and check it out!
I think you’re right about the mobile web thing, it will be interesting to see how many sites continue using flash for the main page design, and how many switch to more advanced CSS as you suggest. Most of the Web 2.0 types are using CSS/AJAX mixes already.
I have no clue about AJAX but I’ve seen at least one example of using separate style sheets for different browsers and machines, on Ben Terrett’s portfolio site. Seems quite simple really. Look at the source code, it’s just three separate style sheets with the ‘media’ tag differentiating them.