HTML5 Presentation
Rough Timeline of Web Technologies
What is the HTML5
Offline / Storage
- Web Storage
- Web SQL Databases
- IndexedDB
- Application Cache
- Quota API
Realtime / Communication
- Web Workers
- WebSocket
- Notifications
File / Hardware Access
- Native Drag & Drop
- Desktop Drag-In (File API)
- Destop Drag-Out
- FileSystem APIs (demo - ko can thiet)
- Geolocation (cần)
- Device Orientation (sơ sơ - demo)
- Speech Input (demo)
Semantics & Markup
- Better semantic tags
- Markup for application
- Description link relations
- Microdata
- ARIA attributes
- New from types
- Form field types on mobile
Graphics / Multimedia
- Autido - Video (sơ sơ)
- Track Element (sơ sơ)
- FullScreen API
- Canvas 2D
- Canvas example
- Canvas 3D(WebGL)
CSS3
- CSS Selectors
- Webfonts
- Text wrapping
- Columns
- Text stroke
- Opacity
- Hue/saturation/luminance color
- Rounded corners
- Gradients
- Shadows
- Instant Web 2.0 (just add sliders)
- Background enhancements
- Border image
- Flexible Box Model
- Transitions
- Transforms
- Animations
Nuts & Bolts
- New Selectors
- Custom data-* attributes
- Element.classList
- History API