1. HTML5 Canvas at DevCon5

    DevCon5

    I truly appreciated everyone coming out to see my presentation (standing room only!) on HTML5 Canvas at DevCon5. Everyone was wicked smart, friendly and humored me by laughing at my rather unusual metaphors (e.g. a rabbit punching a mushroom).

    Like I mentioned, I wanted to provide everyone a link to my presentation, demos, and links to all the sites that I spoke about. Here they are:

    Thanks again to the great folks at DevCon5 for having me (based on your feedback they have invited me to speak at their other events!) and I hope you will let me know when you have built a spectacular Canvas-based app!

    You can follow me on Twitter to keep up to date on all kinds of HTML5 goodness.

  2. New York City + HTML5 + DevCon 5 = Brutality!

    This month I am going to be back in one of my favorite cities, New York. In Manhattan specifically for a conference called DevCon 5. It is an HTML5 conference for web developers and designers. I will be presenting a 1 hour and 15 minute session on HTML5’s <canvas> feature.

    I plan on showing some examples of some great games and experiences built with <canvas> and delve into the fundamentals of canvas. I will also spend some time talking about “how” these apps can be built and some of the tools that are out there. I am excited about it because I mostly do CSS3 talks and this allows me to get into a feature of HTML5 that is truly a “blank canvas”.

    It is going to be fun and hopefully will have a chance to see the big city. If you are at the conference, please say hi. If you are in NYC and want to hang out and talk HTML5 and CSS3, then ping me. Also, I am available to present in front of groups as well.

    Best way to keep up with me is on Twitter, so feel free to follow me on Twitter with the latest updates.

  3. Getting Up-To-Speed on Internet Explorer 10 Platform Preview 2 with HTML5 Goodness

    Geez, that’s a long title…As an HTML5 and Internet Explorer evangelist, I always look forward to new Platform Previews of our latest browser. It’s like getting a package in the mail or watching a rabbit with a top hat eating a hot dog.

    A Rabbit with a Top Hat Eating a Hotdog

    Thanks to @vibronet for the drawing.

    Back in April at our MIX Conference, we announced Internet Explorer 10 Platform Preview 1. See, folks thought we would probably kick back after releasing IE9 in March and take a break. No such thing, the IE team continued to press along and added a slew of new HTML5 goodies for us to play with and provide feedback.

    WHAT’S NEW

    Here is a taste of what is new: 

    • Positioned Floats
    • CSS3 Gradients (on all image types)
    • CSS stylesheet limit lifted
    • CSSOM Floating Point Value support
    • Improved hit testing APIs
    • Media Query Listeners
    • HTML5: Support for async attribute on script elements
    • HTML5 Drag and Drop
    • HTML5 File API
    • HTML5 Sandbox
    • HTML5 Web Workers
    • Web Performance APIs

    QUICKLY GET UP-TO-SPEED

    So what is the quickest way to get up-to-speed on all the new features?

    1. Read the the engineering team’s blog that describes what is new.
    2. I also recommend checking out the Channel 9 videos which give a great overview and delves into some of the new features.
    3. Download the platform preview at http://ietestdrive.com and test out the new demos on the test drive. Installing the Platform Preview will not affect your IE9 install.
    4. Also, be sure to check out the latest Internet Explorer 10 Platform Preview Guide for Developers with all the new features from both previews of Internet Explorer 10.

    IE Test Drive

    You may not be surprised that my favorite feature is the media queries listener. I will be adding it to my Media Queries presentation and since I am a CSS3 nerd, I love the new goodness for styling. What is your favorite?

    If you want to keep up with not only IE-related stuff, but HTML5 and CSS3 goodness, you can follow me on twitter.

  4. Here is a good graphic showing the current HTML5 specs and their current status in the process at the W3C. I like talking to folks who assume that specs are completed fully then the actual implementation in the browsers begin. Actually it doesn&#8217;t happen that way. They tend to start off as specs and around Candidate Recommendation status they are implemented. Most browser vendors (including Microsoft) will use vendor prefixes until the spec becomes stable. It is an interesting dance and as an HTML5 geek, it is fun to watch.

    Here is a good graphic showing the current HTML5 specs and their current status in the process at the W3C. I like talking to folks who assume that specs are completed fully then the actual implementation in the browsers begin. Actually it doesn’t happen that way. They tend to start off as specs and around Candidate Recommendation status they are implemented. Most browser vendors (including Microsoft) will use vendor prefixes until the spec becomes stable. It is an interesting dance and as an HTML5 geek, it is fun to watch.

  5. Announcing HTML5 Shelf!
I started a few months ago curating HTML5-related things I had found in my travels as a superfan of the brutality of HTML5. It was basically a personal curation of things I found interesting. I also at the time was interested in trying out Tumblr for my own personal blog. 
I have decided to make it public and will invest the time to keep it current and up-to-date.
Why am I doing this? Well, I realize folks are crazy busy these days and honestly don&#8217;t have time to keep up on every new and interesting thing going on out there. I am fortunate to have a job where I need to keep on top of this stuff. 
I was also fortunate to find the good folks at The Theme Foundry who built the Shelf for Tumblr template which has a ton of HTML5 goodness such as:
Responsive layout
Looks great on mobile devices with CSS3 Media Queries
CSS3 psuedo-classes
@font-face
and more&#8230;
It is a small pet project of mine, but hope you get value out of it. It has helped me many times when I ask myself &#8220;What was that cool thing that did x?&#8221;
Please:
Check it out.
Tell your friends about it by clicking the Twitter button on the site.
Follow me on Twitter for updates.

    Announcing HTML5 Shelf!

    I started a few months ago curating HTML5-related things I had found in my travels as a superfan of the brutality of HTML5. It was basically a personal curation of things I found interesting. I also at the time was interested in trying out Tumblr for my own personal blog

    I have decided to make it public and will invest the time to keep it current and up-to-date.

    Why am I doing this? Well, I realize folks are crazy busy these days and honestly don’t have time to keep up on every new and interesting thing going on out there. I am fortunate to have a job where I need to keep on top of this stuff

    I was also fortunate to find the good folks at The Theme Foundry who built the Shelf for Tumblr template which has a ton of HTML5 goodness such as:

    • Responsive layout
    • Looks great on mobile devices with CSS3 Media Queries
    • CSS3 psuedo-classes
    • @font-face
    • and more…

    It is a small pet project of mine, but hope you get value out of it. It has helped me many times when I ask myself “What was that cool thing that did x?”

    Please:

    • Check it out.
    • Tell your friends about it by clicking the Twitter button on the site.
    • Follow me on Twitter for updates.

  6. How To Ramp Up Quickly on HTML5 and Internet Explorer 9

    Malcolm Gladwell’s book called Outliers says that to become an expert at something, you must put in 10,000 hours. I know that you don’t have that much time to become an expert (although you will eventually) on HTML5 and IE9, so I wrote this post to get you up-to-speed quickly. Although not intended to be a comprehensive learning plan, it can get you going in the right direction.

    Books on HTML5 & CSS3

    A Book Apart has released two small-sized books that are quick reads (you can finish one in an evening), one for HTML5 and one for CSS3. For more in-depth treatments on the subjects, Introducing HTML5 and Stunning CSS3 fit the bill. If you are not familiar with web development, HTML, CSS and JavaScript and need a comprehensive book, you should get Developing With Web Standards.

    Links for Internet Explorer 9

    There has been a lot of good material covering what is new in IE9. I recommend:

    I highly recommend going back through the archive of the IE Blog. Not only does it cover a wide variety of topics, but also many times will talk about why the product team has made decisions that they have. If you really want to get into some deep, technical information, then subscribe to Eric Law’s IE Internals blog. Also, go to the HTML5 Labs to see how Microsoft prototypes early and unstable specs to get feedback on them.

    Just Do It

    You can read and review all the material above and that will provide a good baseline for your knowledge, but it still does not create a true comprehension of the material. I suggest that you learn by doing with two ideas.

    One, you should give yourself a simple project to work on such as taking a website (or a sample site) and implement site pinning, jump lists, thumbnail toolbars and notifications.

    Two, you should become familiar with the F12 Developer Tools that come with IE9. Yep, just press F12. You can look at IE Test Drive site or Beauty of the Web demos and decompose them to see how they were built. You can even manipulate and inspect them with the F12 tools.

    Although not exhaustively comprehensive, this should give you a good start.

  7. An Overview of Web Font Services
I have recently become interested in typography especially after seeing Lost World&#8217;s Fair. While scanning the Internutz, I came across a nice overview of the various web font services.

    An Overview of Web Font Services

    I have recently become interested in typography especially after seeing Lost World’s Fair. While scanning the Internutz, I came across a nice overview of the various web font services.

  8. A dramatically enhanced Internet Explorer 9 web browser will be added to Windows Phone in the second half of 2011. It will feature the same standards support (HTML5, etc.) and hardware accelerated graphics as the PC version.

    — 

    As you can imagine, I am stoked about this. I have to admit that I was disappointed that we didn’t ship IE9 it right out of the box. With this announcement, I really look forward to being able to use HTML5 and related technologies across a wide variety of platforms and devices.

    If you haven’t brushed up on your CSS3 Media Queries, I suggest you start.

  9. What is the focus of the W3C this year (2011)?  →

    Looks like the W3C this year is focusing on:

    Don’t let the marketing-speak titles make you gouge your eyes out. In there are things we want to love, support and advocate.