<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog.BitTube.com &#187; HTML &amp; CSS</title>
	<atom:link href="http://blog.bittube.com/category/development/html-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.bittube.com</link>
	<description>flash examples and development for the web, PSP Flash Player, Mobile flash lite player. All mixed up with some random thoughts, photos, images and poetic words</description>
	<lastBuildDate>Mon, 01 Feb 2010 13:58:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>eBook Review of Mobile Web Design by Cameron Moll</title>
		<link>http://blog.bittube.com/2007/11/28/ebook-review-of-mobile-web-design-by-cameron-moll/</link>
		<comments>http://blog.bittube.com/2007/11/28/ebook-review-of-mobile-web-design-by-cameron-moll/#comments</comments>
		<pubDate>Wed, 28 Nov 2007 02:30:24 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Mobile Development]]></category>
		<category><![CDATA[Book Review]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Devices]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Mobile Web Design]]></category>
		<category><![CDATA[Mobile Web Development]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://blog.bittube.com/2007/11/28/ebook-review-of-mobile-web-design-by-cameron-moll/</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p>After stumbling upon <a href="http://cameronmoll.com">Cameron Moll's Blog and site</a>, which is pretty much focused on mobile web design and development, I downloaded his eBook, "<a href="http://mobilewebbook.com/">Mobile Web Design</a>". 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.</p>
<p><span id="more-227"></span></p>
<p>Over the last ten months or so I have been developing and deploying content and applications almost exclusively for use on mobile devices. The work has been familiar, interesting, challenging, frustrating and infuriating in pretty much equal measure. The more frustration I have encountered the more I have tried to investigate, study and learn about the technologies, practices and processes that accompany mobile internet development.</p>
<p>While I was searching for information on delivering my own blog content to mobile devices, I came across <a href="http://cameronmoll.com">Cameron Moll's website</a> and eBook on Mobile Web Design. I downloaded and read the free preview chapters and they gave a great indication of the quality of the content the full eBook would offer. As a result, a short time later I purchased the full eBook, the first eBook I have purchased in fact. I would say that fact alone goes some way to recommending Mobile Web Design.</p>
<p>Mobile Web Design is a relatively short eBook - the PDF only has 104 A4 pages. Included in this figure are the graphical cover page, content pages, an author biography and quite a few images throughout the book. The eBook is presented in a good sized serif font and there are clear stylistic differences between standard copy, quotes, code, foot notes, image annotations and key content points. The recently updated version includes live links to external sources and also a live contents page as well as updates to the content.</p>
<p>There is a consistent and comfortable tone and pace to Mobile Web Design. In reading I never felt a subject was overly technical. Cameron provides a light hearted approach to his writing that offered a leading and encouraging voice that managed to keep my attention on what is to be honest a fairly dry subject matter.</p>
<p>Cameron has provided huge volumes of information and has done a fantastic job in linking to external sources that provide corroborating and alternative view points to the topics Cameron discusses, Many are also foot noted throughout the book. This approach may result in hours of further research to those of a more studious or inquisitive nature, but certainly shows that the author has done enough cross referencing of information and sources to give an informed and knowledgeable opinion.</p>
<p>Cameron has done a great job of covering a little of everything you would want or expect in a book on Mobile Web Design. The book is split into an early section that provides some history of the mobile web, the devices and user levels and also the technologies that have bought it to where it is now. Next is a "fundamentals" section, this is actually a revisiting of some early articles from Cameron's site these are updated in context for the modern mobile web. Next are in depth discussions of XHTML, CSS, testing and validation. Finally are sections covering "other" technologies, how to promote your work and then the book closes with an upbeat call to action for the reader to get going already. The content is obviously based on Cameron's personal research, experience and experimentation or well chosen case studies of relevant applications, services and websites. As I say Cameron is obviously very experience, and does a wonderful job of transferring the knowledge presented to the reader.</p>
<p>Most of the book is focused on XHTML and CSS. FlashLite, JavaMe and SVG all get lumped together in the "Beyond XHTML" chapter with a number of other technologies, services and general mobile telephony applications. This was a disappointment as none of these other technologies really get given the same treatment or time as XHTML and CSS and the chapter ends up feeling a real mishmash of information. Maybe Cameron has avoided these technologies due to lack of experience or perhaps he would benefit working with co-authors to collaborate and extend the depth covered on these other technologies? What ever the reason, the result is Mobile Web Design does come across as rather biased towards XHTML based web browsing on devices, rather than the true mobilisation of applications, services and web presences that Cameron espouses early in the book.</p>
<p>At points Cameron dips his toe into some key development tips and tricks, but very few detailed code examples, one notable exception is dealing with user agent detection. I never felt this lack of depth was a real issue while reading the book on my computer, external resource are so well identified and on a computer easy to follow up there and then online.</p>
<p>Cameron has now announced a print copy of the book, at the same time he has provided a free update to the PDF version. The update includes information on more modern devices, iPhone is given some page space in a number of areas for example ( not so for my beloved Nokia N95 <img src='http://blog.bittube.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  ). I do fear however that the print version of the book may start being out of date almost as soon it comes off the presses.</p>
<p>I would say <a href="http://mobilewebbook.com/">Mobile Web Design</a> is a little light on application code, and slightly biased towards mobile XHTML browsing as a mobile web solution. These points aside I would highly recommend <a href="http://mobilewebbook.com/">Mobile Web Design</a> eBook by <a href="http://cameronmoll.com">Cameron Moll</a> for anyone planning to investigate mobile wed and application development and are not sure where to start, or indeed why they should bother. It offers a wealth of well presented, quality information.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bittube.com/2007/11/28/ebook-review-of-mobile-web-design-by-cameron-moll/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Apple Introduces the iPhone Dev Center</title>
		<link>http://blog.bittube.com/2007/10/25/apple-introduces-the-iphone-dev-center/</link>
		<comments>http://blog.bittube.com/2007/10/25/apple-introduces-the-iphone-dev-center/#comments</comments>
		<pubDate>Thu, 25 Oct 2007 09:38:26 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Mobile Development]]></category>
		<category><![CDATA[Mobile Devices]]></category>
		<category><![CDATA[Mobile Phones]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://blog.bittube.com/2007/10/25/apple-introduces-the-iphone-dev-center/</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p>This morning I received an email from Apple letting me know I could now log into the <a href="http://developer.apple.com/iphone/devcenter/">iPhone Dev Center</a><br />
<br />
The iPhone Dev Center will provide quote.</p>
<ul>
<li><strong>iPhone Reference Library</strong><br />
Access documentation, guides, and release notes on developing web applications and content for iPhone.</li>
<li><strong>Web Development Guidelines</strong><br />
Get the latest development techniques on mobile browser-based user experience design and development.</li>
<li><strong>Sample Code</strong><br />
Learn techniques for interactive and standards-based design on iPhone</li>
<li><strong>iPhone Tech Talk Videos </strong><br />
Hear from iPhone experts on interface design and processes in optimizing web applications and content.</li>
<li><strong>Safari Compatibility</strong><br />
Download Safari 3 Public Beta and design your web application to create the optimal iPhone user experience</li>
<li><strong>Web App Submission</strong><br />
Once your app is ready, submit it for possible listing in the Apple web apps library.</li>
</ul>
<p>Find out more at the <a href="http://developer.apple.com/iphone/devcenter/">iPhone Dev Center</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bittube.com/2007/10/25/apple-introduces-the-iphone-dev-center/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Developing Applications and Sites Accessible from Mobile Devices</title>
		<link>http://blog.bittube.com/2007/09/17/developing-applications-and-sites-accessible-from-mobile-devices/</link>
		<comments>http://blog.bittube.com/2007/09/17/developing-applications-and-sites-accessible-from-mobile-devices/#comments</comments>
		<pubDate>Mon, 17 Sep 2007 15:30:33 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Mobile Devices]]></category>
		<category><![CDATA[Mobile Phones]]></category>

		<guid isPermaLink="false">http://blog.bittube.com/2007/09/17/developing-applications-and-sites-accessible-from-mobile-devices/</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p>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. </p>
<p>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.</p>
<p><a href="http://alexking.org/projects/wordpress">WordPress Mobile Edition</a></p>
<p>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.</p>
<p><img src='http://blog.bittube.com/wp-content/uploads/2007/09/mbittubecom.gif' alt='Screen shot of the current development of a mobile version of blog.bittube.com' /></p>
<p><a href="http://mobile.bittube.com/blog">mobile.bittube.com/blog</a></p>
<p>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 <a href="http://www.plaintxt.org/themes/plaintxtblog/">PlainText theme</a>, 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 <img src='http://blog.bittube.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>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.</p>
<ul>
<li><a href="http://myn95.com/?p=18">Instructions on how to find the MAC address of your N95</a></li>
<li><a href="http://www.w3.org/TR/css-mobile/">W3C.org Mobile CSS Profile</a></li>
<li><a href="http://www.forum.nokia.com/info/sw.nokia.com/id/d57da811-c7cf-48c8-995f-feb3bea36d11/Nokia_Mobile_Internet_Toolkit_4.1.html">Nokia Mobile Internet Tool Kit</a></li>
<li><a href="http://www.pageresource.com/jscript/jscreen.htm">JavaScript Screen Resolution Detection, and redirection</a></li>
<li><a href="http://chrispederick.com/work/user-agent-switcher/">Fire Fox User Agent Switcher</a>*</li>
<li><a href="http://www.zytrax.com/tech/web/mobile_ids.html">General Mobile Device User Agent Information</a></li>
</ul>
<p> * 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:</p>
<p>Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/10.0.010; Profile/MIDP-2.0 Configuration/CLDC-1.1 )<br />
AppleWebKit/413 (KHTML, like Gecko) Safari/413</p>
<p>A break down of an example of this user agent string can be found over at <a href="http://www.allaboutsymbian.com/features/item/The_Nokia_E90_and_the_Internet.php">allaboutsymbian.com</a> the breat down is at the bottom of the page in the 'Flash and User agents' section.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bittube.com/2007/09/17/developing-applications-and-sites-accessible-from-mobile-devices/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
