Text
August 25, 2011
19 notes

Welcome to the Next Generation of Web Design

Thanks to everyone that came out to my talk about The Next Generation of Web Design at Tech-Ed New Zealand. As promised, here is the deck, demos and links:

Tags: css3 presentations mediaqueries css3 layout web fonts

Text
August 24, 2011
29 notes

Responsive Web Design: The View of the World Depends on the Glasses I Wear

Thanks to everyone that came out to my talk about Responsive Web Design at Tech-Ed New Zealand. As promised, here is the deck, demos and links:

Tags: responsive web design css3 mediaqueries presentations

Text
June 29, 2011
3 notes

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.

Tags: html5 css3 internet explorer internet explorer 10

Photo
May 13, 2011
3 notes
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.

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.

Tags: html5 css3 projects

Photo
May 10, 2011
3 notes
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.

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.

Tags: html5 design css3

Quote
February 17, 2011
1 note
"Web design is responsive design, Responsive Web Design is web design, done right."

— I don’t care about Responsive Web Design by Andy Clarke

Tags: css3 design