HTML5 & CSS3: The Good Enough Parts

Javascript & HTML5
Location: Portland 251
Presentation: external link
Average rating: **...
(2.90, 30 ratings)

Attendee prerequisites for this tutorial are listed below.

HTML5 and CSS3 are the new buzz words. The HTML5 and CSS3 specifications may still be in draft form, but that hasn’t stopped browser developers from implementing many of the proposed features. Recruiters will soon be asking for 5 to 10 years of HTML5 experience. While we can’t give that to you, we can help you stay ahead of the game! In this practical presentation you will learn what features are implementable and how to implement them. We’ll learn about practical CSS3 selectors that enable targeting of almost any element on the page (in your CSS, or in your JavaScript libraries like jQuery), HTML5 web form elements that enable form validation without the use of JavaScript along with other new to HTML5 elements. We’ll cover browser specific CSS syntax and the correct syntax that needs to be included to ensure your features work when browsers finally adhere to the W3C specifications. We’ll also discuss how to handle older, lingering browsers that don’t natively support CSS3 and HTML5 but just won’t seem to go away.


Laptop with Chrome or Safari browser installed. Opera and Firefox browsers helpful.
Attendees should have good understanding of HTML and CSS. Familiarity with JS helpful, but not required.

QUESTIONS for the speaker?: Use the “Leave a Comment or Question” section at the bottom to address them.

Photo of Estelle Weyl

Estelle Weyl

Instart Logic

Estelle Weyl started her professional life in architecture and then managed teen health programs. In 2000, Estelle took the natural step of becoming a web standardista. She is the Open Web and performance evangelist for Instart Logic and has consulted for Kodak Gallery, SurveyMonkey, Samsung, Yahoo, Visa, and Apple, among others. Estelle shares esoteric tidbits learned while programming and detailed grids of CSS3 and HTML5 browser support in her blog. She is a coauthor of Mobile HTML5, CSS3: The Definitive Guide, and HTML5 and CSS3 for the Real World. While not coding, Estelle works in construction, dehippifying her 1960s throwback abode.

Comments on this page are now closed.


Picture of Estelle Weyl
Estelle Weyl
08/01/2011 5:32am PDT

New slide location:

Picture of Earl Ruby
Earl Ruby
08/01/2011 3:47am PDT

I enjoyed the talk. There was a lot of material covered but I figured that I would review the slides when I transcribed all of my notes. Unfortunately the URLs for the slides (, etc.) are showing 404 errors this morning. Any chance that the slides will be back on-line soon?

Picture of Ricardo Signes
Ricardo Signes
07/31/2011 10:39pm PDT

I thought the snowflake example was a really good one, but that the way in which it was presented made it hard to get as much of a handle on how everything built up to the final result as it might have. I think with some revision, it could become a really excellent introduction to the CSS3 transformations in use.

I felt probably more put out than I should have by being asked come back 15 minutes early from the break, which made me think I’d either miss some of the tutorial or some time catching up with other hallway-trackers during the break.

Picture of Estelle Weyl
Estelle Weyl
07/27/2011 3:51pm PDT

Here are the various links:

Part 1: CSS3: Making Snow

Part 2: CSS3: Other properties

Part 3: HTML5

Part 4: JavaScript and APIs

Timothy: the server had suffered a DOS attack, so I changed the IP address. To access the server you may need to clear your DNS cache.

Greg Martin
07/27/2011 10:19am PDT

Estelle obviously knows this topic and I learned a lot

Timothy Sutter
07/27/2011 4:35am PDT

The server is still down today.

John Scaglione
07/27/2011 4:32am PDT

A lot of information, good coverage of the good enough parts. The delivery was a little dry, and maybe too much presentation. A little hands on excercises to break it up would have helped a lot.

Picture of Fred Willerup
Fred Willerup
07/25/2011 3:10pm PDT

I was hoping for something a little more hands on.

Picture of Victor Pantoja
Victor Pantoja
07/25/2011 4:51am PDT

The server was down almost all time.

But the presentation was good.

Picture of Larry Cummings
Larry Cummings
07/25/2011 4:02am PDT

Thank you for the slides URL Shirley. That really helped!

Picture of Shirley Bailes
Shirley Bailes
07/25/2011 3:37am PDT

Larry, the slides are here: and will be linked above as well shortly.

Picture of Larry Cummings
Larry Cummings
07/25/2011 3:25am PDT

I would have rated this tutorial higher if I didn’t have to work so hard to try to figure out the URL for the session slides. It would be nice to have it displayed somewhere so you don’t have to ask your neighbor who in turn had to ask their neighbor.

Where can I get access to the slides now that I’ve missed the first half of the tutorial trying to look through the site to find it and kept getting database connect errors?