View Code? Open in Web Editor
NEW
This project forked from ratioarchive/intel-developerportal_lessoncodesamples
Contains the code samples used for the video lessons in Intel's Developer Portal HTML5 video tutorials.
intel-developerportal_lessoncodesamples's Introduction
Intel Developer Portal → Lesson Code Samples
Sweet HTML5 Demo
Lesson 1
What is HTML5 → Slides
- Block level elements
- Form elements
- New API's
Lesson 2
What is CSS3 → Slides
- Animations
- Fonts
- Flexbox
- Shadows
- Filters
- Media Queries
Lesson 3
What is Javascript → Slides || Demo
- History
- Storage
- Canvas
- Camera
- Geolocation
- Web Workers
- Sockets
- File Systems
Lesson 4
CSS3 Animations → Slides
- Single property transitions
- Multiple property transitions
- Keyframe animations
- Complex keyframe animations
- Infinite keyframe animations
Lesson 5
Liquid Layout with Flexbox → Slides || demo
Lesson 6
Comic Director Hub Title → Slides || demo
- What is HTML semantics
- Good use of HTML5 elements
- Animate on hover
- Re-useable CSS
Lesson 7
- See how easy video can be
- Adjust video options
- Style it a bit
Lesson 8
Comic Director API → Slides || demo
- How to ping API's with JavaScript XHR
- Request a comic
- Present the comic pulled
Lesson 9
Comic Director Splash Animation → Slides || demo
- How we built that animation
- What the code looks like
- How to make one for yourself in the future
Lesson 10
- A touch scale and rotate tool code
- SVG canvas
intel-developerportal_lessoncodesamples's People
Contributors
Watchers