Modern Frontend Development
[twocol_one]
HTML5 (Content)
Markup + JavaScript APIs + Browser Support = Simpler to use
- Elements (header, nav, article, aside, etc.)
- Input Attributes & Types (placeholder=”Enter your email address” & type = “email|date”)
- localstorage
- getElementsByClassName
- Video & Audio
- applicationCache
- Canvas
- Drag & Drop
- Geolocation API
Resources
- diveintohtml5.org
- html5boilerplate.com (Read the source code!)
- slides.html5rocks.com and the associated video
- HTML5 for Web Designers (Jeremy Keith)
- html5doctor.com
- Modernizr (HTML5 & CSS3 Detection)
[/twocol_one] [twocol_one_last]
CSS3 (Presentation)
Goodbye Photoshop?
- @font-face (CSS2!)
- @media-query
- selectors ([attr], :nth-child)
- border-radius
- box-shadow
- flex-box
- CSS Animations
- CSS Generated Content
- CSS Gradients
- Transforms
- Transitions
Resources
- CSSEdit (soon to be Espresso)
- CSS Browser Compatibility (quirksmode.org)
- CSS3 for Web Designers (Dan Cederholm)
[/twocol_one_last]
[divider]
WordPress
- Twenty Eleven (HTML5, CSS3)
- HTML5Boilerplate-Starkers-WordPress-Theme
Me (@benklocek)
- Tintin.zdca.biz (in development)
- backpackinglight.com (localstorage, adaptive)