HTML5

“HTML5 Up and Running”– Only $9.99 Today!

by Joey deVilla on August 20, 2010

html5 up and runningWant to get started developing sites and web applications that run on all modern browsers, including the upcoming Internet Explorer 9? You’ll need HTML 5 (along with CSS 3 and JavaScript) and a handy guide like Mark Pilgrim’s new book, HTML5 Up and Running.

If Mark’s name sounds familiar, it’s because he’s written all sorts of great guides, from Dive Into Python to Dive Into Accessibility to Dive into Greasemonkey to Greasemonkey Hacks, and much of his work is available as both for-pay books and free books off his website.

Today and today only (Friday, August 20, 2010), you can get the ebook version (PDF, ePub and mobi) of HTML5 Up and Running for just USD$9.99 (it normally goes for USD$23.99). Just go to the HTML5 Up and Running page in the O’Reilly site, order the ebook and  use the discount code DDHUR when you check out!

(And while you’re at it, take the latest platform preview of the HTML5-ready Internet Explorer 9!)

downloadie9pp4banner4

This article also appears in Canadian Developer Connection.

{ 0 comments }

Internet Explorer 9, Platform Preview 4

by Joey deVilla on August 7, 2010

I’ve been busy with all sorts of stuff, so I ‘m a little late with an announcement you might have seen elsewhere online: IE9 Platform Preview 4 has been released!

Download IE9 Platform Preview 4 now!

If you want the full story, check out IE General Manager Dean Hachamovitch’s blog entry over at IEBlog, where he goes over the latest platform preview of our browser in detail. I’m just going to give you the major points, such as IE9 PP4’s Acid3 test score:

Screenshot: IE9 PP4's Acid3 test results: 95/100

…plus how IE9 PP4 stacks up against its previous incarnations and browsers built by the Esteemed Competition, according to the WebKit SunSpider JavaScript Benchmark test

Chart: WebKit, SunSpider JavaScript Benchmark Results, showing IE9 PP4 in 4th places, only milliseconds behind Chrome 5. Chrome 6 nightly and Opera 10.6

…and that there are a new batch of demos showing HTML5 compliance, hardware graphics acceleration, JavaScript speed and the really wacky things you can do with IE9 if you use a little imagination, such as a game that melds “Hamster Dance” with Dance Dance Revolution:

Screenshot of "Hamster Dance Revolution" showing a framerate of 41 fps

Go Get IE9 Platform Preview 4, Get Ready for the Beta

Download IE9It’s one thing to talk about the goodies in IE9 PP4, but it’s an entirely different thing to experience them. Take the latest version of IE9 for a test drive – go and download it now!

As you take this version for IE9 for a spin, you might want to start thinking about getting your sites, whether they’re already up or in the works, ready for the next big leap: IE9’s transition from “Platform Preview” to “Beta”. That’s coming soon.

Here are some things to think about, as suggested in IEBlog:

  • Test your site in IE9 Standards Mode.  This mode provides the best performance and interoperability and will offer additional benefits in the IE9 Beta. We suggest using the HTML5 doctype. More details here and here.
  • We recommend sending IE9 the same standards-based markup your site sends other browsers. More details here and here. From the feedback so far, and our experience with sites, the best way to get your site working in IE9 Standards Mode is to start from the same markup other browsers receive rather than IE6, IE7, or IE8 markup.
  • Use feature detection, not browser detection to handle any cross browser differences in behavior or feature support.  This keeps your site working even as browsers change.
  • Please continue to report issues on Connect if your site doesn’t look or work right, and you’re giving it the same code as you’re giving to other modern browsers. With IE9 Platform Preview 4, we’ve fixed over 100 community-reported issues. We will fix even more between now and the IE9 beta and want your feedback.
  • Consider the experience for IE9 Beta users if you find that sending the same markup creates more issues than you can resolve in your production site. It is possible that running your site in Compatibility View is better for your users.
  • Take advantage of HTML5, CSS3, SVG, DOM, ES5, and more… all described here in the developer guide.  We’re excited to run the amazing experiences you bring to the web using these new capabilities, taking advantage of hardware through IE9.

Download IE9 Platform Preview 4 now!

This article also appears in Canadian Developer Connection.

{ 0 comments }

Internet Explorer 9 Videos on Channel 9

by Joey deVilla on June 27, 2010

nine on 9By now, you’ve probably seen my article covering the new, faster, even more standards-compliant Platform Preview 3 of Internet Explorer 9. From hardware acceleration to a speed-boosted JavaScript engine with support for new ECMAScript 5 language features to support for SVG, <audio>, <video> and <canvas> tags, IE9 is shaping up to be a great browser for an open web.

Before there were Microsoft blogs (such as Canadian Developer Connection), there was Channel 9, Microsoft’s community site run by Microsoft employees. Like Microsoft blogs, Channel 9 gives you unfiltered access to the people building stuff at The Empire, all outside the control of the marketing and PR departments. Channel 9 features a lot of videos – there are times when they post several videos in a day – featuring developer news and training, training kits and courses, discussion forums and wikis for various Microsoft tools and technologies. If you’re a .NET developer or just curious about what’s going on the in the .NET world, you should check out Channel 9 and see what’s happening.

Channel 9 posted a number of videos covering the new features in the third Platform Preview of Internet Explorer 9. I’ve gathered them all into this blog article – enjoy!

A Look at the New IE9 Demos

Get Microsoft Silverlight

Can’t see the video? You can download and install Silverlight or download the video in MP4, MP3, WMA, WMV, WMV (High) or Zune formats.

This video shows some of the sample apps living on the IE Test Drive site in action. It covers the following demos:

<canvas> and FishIE Tank

Get Microsoft Silverlight

Can’t see the video? You can download and install Silverlight or download the video in MP4, MP3, WMA, WMV, WMV (High) or Zune formats.

Here’s a closer look at the FishIE Tank demo and how it makes use of <canvas> to draw up to thousands of animated, moving, scaling fish sprites.

<canvas> and Amazon.com

Get Microsoft Silverlight

Can’t see the video? You can download and install Silverlight or download the video in MP4, MP3, WMA, WMV, WMV (High) or Zune formats.

Another <canvas> demo: Amazon Shelf. This one ties into Amazon’s data to create a virtual bookshelf that lets you browse Amazon’s catalogue of books.

<video> and IMDb Video Panorama

Get Microsoft Silverlight

Can’t see the video? You can download and install Silverlight or download the video in MP4, MP3, WMA, WMV, WMV (High) or Zune formats.

The IE9 team showed a preview of support for the <video> tag, and with Platform Preview 3, you can try it out for yourself. In this video, you see how it’s used to build the IMDb Video Panorama demo.

ECMAScript 5 and the Tile Game

Get Microsoft Silverlight

Can’t see the video? You can download and install Silverlight or download the video in MP4, MP3, WMA, WMV, WMV (High) or Zune formats.

There are lots of boring ways to show of ECMAScript 5’s new array methods in action, but why not show them off with a fun game? In addition to the new JavaScript goodies, the ECMAScript 5 Game demo also shows off:

  • HTML5 <video> and <audio>
  • CSS3 multiple backgrounds
  • HTML5 local storage (first made available in IE8)
  • DOM Level 3 events
  • <window.getComputedStyle()>

Download IE9 Platofmr Preview 3 now!

This article also appears in Canadian Developer Connection.

{ 1 comment }

HTML5 and RIAs: Friends with Benefits!

by Joey deVilla on June 11, 2010

Earlier this week, I was asked to make a short video that would be shown during a round table discussion on a hot topic: HTML5 vs. proprietary rich internet app technologies, such as Flash and Silverlight. My video was supposed to take the “RIAs complement HTML” side of the debate, while someone else would produce a video taking the “HTML5 trumps RIAs” side.

My own personal belief is that HTML5 – actually the stack of HTML5, CSS3 and Java/ECMAScript – has closed the interactivity gap between the web and desktop apps and will continue to close it. However, for the time being, there are still cases where HTML5 just can’t cut it – for various reasons, such as performance, browser compatibility or designer-friendliness – and that’s where RIAs shine. Hence I found it rather easy to put together an amusing little video titled HTML5 and RIAs: Friends with Benefits (5:47, YouTube).

I did the production work on Tuesday afternoon and evening using the following tools:

Enjoy the video!

This article also appears in Canadian Developer Connection.

{ 1 comment }

VP8 Support in Internet Explorer 9

by Joey deVilla on May 19, 2010

ie h.264 vp8You’ve probably read the news already, so I’ll cut right to the chase: earlier today, Internet Explorer’s big kahuna Dean Hachamovitch made an announcement about Internet Explorer 9 support for HTML5 video in Blogging Windows:

In its HTML5 support, IE9 will support playback of H.264 video as well as VP8 video when the user has installed a VP8 codec on Windows.

(And in case you were wondering, the WebM formatalso announced earlier today — uses the VP8 codec.)

If you want to take an early version of IE9 for a spin, visit the Internet Explorer 9 Test Drive site and download the latest preview (as of this writing, it’s Platform Preview 2).

This article also appears in Canadian Developer Connection.

{ 0 comments }