Category Archives: HTML & CSS

HTML & CSS

eBook Review of Mobile Web Design by Cameron Moll

After stumbling upon Cameron Moll’s Blog and site, which is pretty much focused on mobile web design and development, I downloaded his eBook, “Mobile Web Design“. Now that I have finished reading the book I thought I would provide a review. Book reviewing is not something that I have done before, but I hope the review shows that Cameron’s work certainly warrants it.

Continue reading eBook Review of Mobile Web Design by Cameron Moll

Apple Introduces the iPhone Dev Center

This morning I received an email from Apple letting me know I could now log into the iPhone Dev Center

The iPhone Dev Center will provide quote.

  • iPhone Reference Library
    Access documentation, guides, and release notes on developing web applications and content for iPhone.
  • Web Development Guidelines
    Get the latest development techniques on mobile browser-based user experience design and development.
  • Sample Code
    Learn techniques for interactive and standards-based design on iPhone
  • iPhone Tech Talk Videos
    Hear from iPhone experts on interface design and processes in optimizing web applications and content.
  • Safari Compatibility
    Download Safari 3 Public Beta and design your web application to create the optimal iPhone user experience
  • Web App Submission
    Once your app is ready, submit it for possible listing in the Apple web apps library.

Find out more at the iPhone Dev Center.

Developing Applications and Sites Accessible from Mobile Devices

Recently a large portion of my time has revolved around development for Mobile and Devices. This has predominantly been focused on FlashLite version 1.1 and also some FlashLite 2 or FlashLite 2.1 . This new area of development, and also the purchase of a Nokia N95 has bought a new appreciation of the requirements for more content that is accessible from mobile phones and also other mobile devices, for example the PSP. As part of the re-design of this blog I have begun to experiment with mobile and device specific web and application development.

The first step was pretty easy. Taking this blog mobile. Because Blog.bittube.com is published using the WordPress the first thing I did was to look for a plug in. I only found one. which rather surprised me. You can get it here.

WordPress Mobile Edition

I am no PHP master (neophyte even), but what this seems to do is to re-theme the site in a more Mobile Friendly manner. Removing all the gloss and leaving a rather inelegant simple text list version. As a result of this I began to hack around at some thing that might be a little kinder on the eyes, while still working on more limited devices. This is still very much a work in progress but I hope to find time to continue these experiments to a more complete result.

Screen shot of the current development of a mobile version of blog.bittube.com

mobile.bittube.com/blog

Is the first attempt at providing a mobile and device specific theme and presentation for my blog. The theme is very closely based on the PlainText theme, All I have done so far is to any ‘extra’ blog decorations in an attempt to learn more about CSS and XHTML,my how HTML has changed since I trotted off in my new fangled FutureWave Splash spurs all those year ago ;).

To finish this post Here are a set of links that I have dug up and Found useful as I have begun investigating development for mobile and devices further.

* I have been using fire fox to test some content in lieu of my N95, its just quicker and easier than testing on device ALL the time. In order to do this, I have simply used the User Agent Name of Nokia, this seems to be sufficient for testing. However if you need the full user agent string for the Nokia N95 then the consensus seems to be:

Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/10.0.010; Profile/MIDP-2.0 Configuration/CLDC-1.1 )
AppleWebKit/413 (KHTML, like Gecko) Safari/413

A break down of an example of this user agent string can be found over at allaboutsymbian.com the breat down is at the bottom of the page in the ‘Flash and User agents’ section.