 My name is Dallas Poole. I'm with Master Web Design here in Austin. So lately in a couple of projects, we've been working with HTML5 and CSS3 and a lot of the stuff that we've been doing and I was just really blown away with the power of it and realized that a lot of people that I talked to about it didn't know anything about it. The first question is what's wrong with what we have? HTML4 is going to be, it was kind of thrust upon us and so we were left to, in the dark, really to bring up the way we want it to work and that led to a lot of uncertainty, a lot of dividers. ID hail where classes are used and IDs are used for everything and we've had to do a lot of hacking to get things like drag and drop working in the current browsers, IE6 and 7 here and despite how bad it is for stylistic design, tables still worked relatively well for us. They were reliable and nothing would wrap down to the bottom of the page so we found a lot of people sticking with that. It's gotten a lot better with IE7 but it's still not as good as it could be. With CSS, it was very powerful and it was a great way to style our pages and to switch out the look and feel of our systems but we were still very limited as to how we could gain access to some of our elements and that led to the ID hail and the class hail that we deal with today and all of that lack of structure generates a lot of messy code so we end up with 4,000 line CSS files that we have to try to through that we inherit on our projects a lot of times. So what's new? HTML5 gives us a lot of semantic tags so our section tag here is going to not replace but enhance your div tags. So instead of a div of class container or as you would write it would be class main or class in one or class div one or whatever, it's section. So you have a section tag wrapping your page, you have a section tag wrapping your main content. It's very semantic and I'll be able to look at somebody else's code hopefully in the future and figure out what they're trying to do, what their meaning is behind their code. Same thing with our other block level elements here, header, nav, article, figure and footer. The only thing that might need a little explanation is nav which is by W3C standards meant to encompass your primary site's navigation, not necessarily in-page navigation but that's from the menu tag which might go away. Also figure meant to be like an image with a caption, something of that nature. The, we've gotten a lot better with, you know, clean up the intent of HTML5 but we still have a little confusion here where in the main element there is a side and in many of the tutorials you'll see online they use a side as a side bar in your page when it was really meant and intended by the W3C to incorporate a side content like a pulp quote. So even now we've just been given this brand new thing and we've already said screw you, we're doing it our way. So, you know, it'd be interesting to see how that matures. So what this gives us is, like I said, instead of dibs with arbitrary names for class names and IDs, we end up with very nice clean markup and the good news is it works everywhere. It works even back all the way to IE6 and all you have to do is this. If you're going for a strict HTML5 doc type, we've got a new doc type, very cleaned up, that's all you gotta do and your browsers will automatically know that all of these new tags mean something but if you're stuck with the old HTML transition or strict, make them all display block. Your browser, for an unknown tag, except in Firefox 2.0, so that at the end of fact time, will display an unknown element as an inline element. So if you force it to display block, it works. So we also get video and audio. So we are seeing a lot of transition out of flash for control of media into browser support of media. These come with very robust JavaScript and CSS hooks for scrub, drag, click, play, finish, and end and we also have subtitle support in HTML5 for between X and Y coordinates on the timeline display this text in a little footnote. So that's cool. The other really cool stuff you get with HTML5 is cross domain messages, which so your flash application can talk to your open browser in another window which can talk to your desktop application all without interference from security notices. You can only pass strings, but JSON is a string and that can always be evaluated so that gives you a lot of power. We get major updates in Canvas and my favorite thing I think very simple is required input fields in forms. It's a, they're finally supporting the required equals true attribute. We get drag and drop in native support in the browsers with a ton of JavaScript hooks and APIs. We get offline storage so you can, which will actually sync to a local database store and then sync up to your application through JavaScript APIs. And we remove a lot of unnecessary fluff from the specification of HTML4, such as bold and unaligned tags. Also anything that stands out as a formatting attribute like border self-hating and self-spacing, those are gone. Those are now better controlled by CSS. In lieu of speaking of CSS here, borders, we get a lot of hooks. Borders now have color image and radius. We've had color for a while and but now we get rounded corners and fun stuff that we can do there so we can eliminate the need for graphics, speed up our page loads, box shadow and text shadow give us nice drop shadows which you can actually combine to be multiple elements so you get a nice embossed effect on your stuff. And your box models and the box sizing is probably the best thing here because if you have a 100 pixel div with a 10 pixel padding, you have 120 pixel div. We can now force the browser to shrink that and conform to our fixed width with the box sizing and border box attributes of the box model property. The border radius simply specify the Mozilla or WebKit border radius or standard border radius for IE and you get these nice graceful rounded corners which your border, if you actually have a border width set will follow those corners as will all background elements. The only thing is the, like if you have a div and an H1 inside the H1 will blow out. Hopefully they'll fix that up. That's, is that my time? All right, that's pretty much all I've got. There's a lot more that goes through here including some fun stuff for the CSS selectors. You can find pretty much everything I have here on the blog at masterwebsign.net. So that's linked off to describe. So if you really wanna know more about CSS3, that's a good place to go. Thank you.