Several weeks back, I gave this presentation at the HTML5 Los Angeles meetup group. A couple of days back, I was humbled to see it featured on SlideShare.
There’s plenty of talks about the technical aspects of HTML5 but not much about its business value. This presentation sheds light on some of the benefits of HTML5 for business. Enjoy!
My review on Amazon
The book puts a lot of emphasis on performance and efficiency, especially when it comes to scope, memory management and algorithm complexity. You will finally learn and understand what closures are all about. You will know how some statements work in some browsers (IE is always the slowest browser.) You will learn a ton of stuff you won't find anywhere else neither online nor in a book.
There is also a section on best practices including maintainability, performance and deployment that I found especially useful.
Could have been so much better!
My review on Amazon
First off, the title is completely misleading. Almost every chapter in the book covers how to build iPhone-specific web applications using HTML 5 and CSS3 specs. The last two chapters, and only the last two chapters, address converting these iPhone web apps into iPhone native apps using PhoneGap and then submitting them to the Apple Store. Even then, the information covered in these two chapters was rudimentary at best.
I probably shouldn't have had such high expectations, but the reputation of both the publisher and the author has always been stellar in my book. A title like, "Introduction to Building iPhone Web Apps and Converting Then to Native Apps using PhoneGap" would have properly prepared me for the content of the book. The content in and of itself is excellent–as an introduction, but nothing more.
So if you're interested in building iPhone web apps, this book is a great starting point. If you're interested in building iPhone native apps with web technologies, this book might be a letdown considering the level of your expertise developing iPhone web apps.
The built-in browser object "Image" is sometimes reported as undefined on pages viewed in IE. I've done extensive research online, but all leads point to browser addons/plugin in combination of calling that page in a pop-up window as the likely culprit. No solutions were found and I'm feeling that none were ever offered.
var myImage = new Image();
I'm stumped. Why would IE complain about a built-in object? It doesn't make sense.
document.write('<div id="ad1" style="display:none;">');
The problems was that in IE, this is what I get:
<div id="ad1" style="display:none;"></div>[ad content]
Where in Firefox and Safari, I get:
<div id="ad1" style="display:none;">[ad content]</div>
Which is the expected behavior I want. After plenty of online research, I found out that IE defers the processing of any script tag inserted in the document using document.write until it's done processing the parent script tag. To circumvent this problem, I externalized the markup I wanted to wrap the ad in and now my cross-browser solution is:
Where the content of the two files is basically the one-line document.write statement spitting out the wrapping markup.
I'm using this technique to load in 3rd-party ads at the bottom of the page and relocating them to their propers spots on window load. This has proved to be a major performance boost, especially combined with the other techniques we're using to renders the page.