London HTML5 User Group: HTML5 and CSS3 101
I was honoured to be invited to talk about HTML5, CSS 3 and how they're not the same thing for the London HTML5 Users Group. Here are demos and resources from the presentation:
- Demo page
- HTML5 Shiv for Internet Explorer (and styling HTML5 markup in IE without script)
- HTML5 Forms demo
- HTML5 validator (and HTML Lint for those that believe that xhtml syntax matters)
- Media Queries demo - CSS that responds to the screen width
- CSS background-size demo
- CSS3 transitions and 2D transforms
- CSS3 borders, backgrounds and box-shadows (multiple backgrounds, box-shadow, border-radius and border-image etc)
- Writing cross-browser, future-proof CSS 3 (a rant with the rant hat on)
There is a Flash video available of my talk.
HTML5 <video>
resources
- https://dev.opera.com/articles/view/introduction-html5-video/
- Everything you need to know about HTML5 video and audio - and it really is everything!
- Accessible HTML5 Video with JavaScripted captions
<video>
specification- How
<video>
is implemented in Opera
Other HTML5 resources
- HTML5 Demos, including demos of some of the advanced APIs
- HTML5 Doctor (a community site I co-curate) including You can still use div
- Canvas and SVG - which should I use when?
- List of HTML5 shivs and shims
Other CSS 3 resources
- CSS Transforms tool - a great way to learn how they work by moving sliders and seeing what happens
- CSS3please: apply CSS3 rules and see what happens
- Border radius generator