Sponsors

  • Microsoft
  • Nebula
  • Google
  • SugarCRM
  • Facebook
  • HP
  • Intel
  • Rackspace Hosting
  • WSO2
  • Alfresco
  • BlackBerry
  • CUBRID
  • Dell
  • eBay
  • Heroku
  • InfiniteGraph
  • JBoss
  • LeaseWeb
  • Liferay
  • Media Temple, Inc.
  • OpenShift
  • Oracle
  • Percona
  • Puppet Labs
  • Qualcomm Innovation Center, Inc.
  • Rentrak
  • Silicon Mechanics
  • SoftLayer Technologies, Inc.
  • SourceGear
  • Urban Airship
  • Vertica
  • VMware
  • (mt) Media Temple, Inc.

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at the convention, contact Sharon Cordesse at scordesse@oreilly.com

Download the OSCON Sponsor/Exhibitor Prospectus

Contact Us

View a complete list of OSCON contacts

HTML5 & CSS3: The Good Enough Parts

Estelle Weyl (Standardista.com)
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.

PREREQUISITES

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

Standardista.com

Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, SurveyMonkey, Samsung, Yahoo! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML and detailed grids of CSS3 and HTML5 browser support in her blog at http://www.standardista.com. She is a co-author of Mobile HTML5, HTML5: The Definitive Guide and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960’s throwback abode.

Comments on this page are now closed.

Comments

Picture of Estelle Weyl
Estelle Weyl
08/01/2011 12:32pm PDT

New slide location: iestelle.com

Picture of Earl Ruby
Earl Ruby
08/01/2011 10: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 (www.standardista.com/forms/..., etc.) are showing 404 errors this morning. Any chance that the slides will be back on-line soon?

Picture of Ricardo Signes
Ricardo Signes
08/01/2011 5:39am 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 10:51pm PDT

Here are the various links:

Part 1: CSS3: Making Snow www.standardista.com/forms/...

Part 2: CSS3: Other properties www.standardista.com/forms/...

Part 3: HTML5 www.standardista.com/forms/...

Part 4: JavaScript and APIs www.standardista.com/forms/...

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 5:19pm PDT

Estelle obviously knows this topic and I learned a lot

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

The standardista.com server is still down today.

John Scaglione
07/27/2011 11: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 10:10pm PDT

I was hoping for something a little more hands on.

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

The standardista.com server was down almost all time.

But the presentation was good.

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

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

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

Larry, the slides are here: www.standardista.com/forms/... and will be linked above as well shortly.

Picture of Larry Cummings
Larry Cummings
07/25/2011 10: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 Standardista.com site to find it and kept getting database connect errors?