HTML5 & CSS3 in the real world
By Rob Mason
What is HTML 5 and css 3?
- Languages of the web
- HTML 5 = just HTML, provides structure
- CSS 3 = just CSS, offers presentation
- More semantic and meaningful
- One set of code for multiple devices
- The future, but now
HTML 5 basics
- Moves the language forward and introduces more semantically correct structural elements:
header,hgroup,nav,section,article,figure,figcaption,footer - More complex aspects too, like offline storage, canvas (no Flash), video, etc. Check out HTML 5 demos for more
- Exceptions: Internet Explorer needs some encouragement!
CSS 3 basics
- Time and effort savers
- Subtle or obvious use
- text-shadow
- border-radius
- font-face
- animations
- box-shadow
Real world examples
- This presentation!
- 39 Ridiculous Things To Do With CSS3 Box Shadows
- Rawkets
- CSS 3 AT-AT
Why use now? Why not?
Link-o-rama
Books - remember them?
Fin
Thanks!
- Me: robmason.org ~ @iamrobmason
- My business: spongeproject.co.uk ~ @spongeproject
- Thanks to Ravelrumba for the slideshow framework.