Lighting Talks: Sharpen Your HTML5 Saw
summary
Console demos show concrete pitfalls and wins: parseInt octal bug can turn "010" into 8 across browsers, == versus === and falsy values (undefined null 0) bite real code, and devtools let you tweak live values. Native controls replace bulky widgets, and the canvas demo uses requestAnimationFrame game loop, sprite sheets, collision math, retina scaling and GC avoidance to keep 60fps. Also highlights native HTML5 controls like date, color and drag‑and‑drop working without libraries.
AI-written summary · about
chapters (44)
- 0:00Intro
- 0:55Variables
- 1:25World
- 2:28Number
- 3:14Octal
- 4:07Firefox
- 5:08Java Script
- 5:27Browser Differences
- 6:04Using Variables
- 7:39Triple Equal
- 8:20Price Equal
- 8:57Triple equals
- 9:33Name your variables
- 10:07Wrap up
- 11:22My dog
- 11:42Where to Find Me
- 12:01Widgets
- 12:48Native Slider
- 13:20Progress Bar
- 13:34Chrome Autocomplete
- 14:44Drag and Drop
- 15:44Content editable
- 16:41jQuery
- 17:02Query Selector
- 17:27Local Storage
- 17:44CSS
- 18:06Date
- 18:18Date Chrome
- 19:16Color Picker
- 19:32Hex Code
- 19:47Context Menu
- 21:06Browser Support
- 21:43Austin Hallock
- 22:23Why HTML5
- 22:57Canvas
- 23:43Game Loop
- 24:28Drawing to Canvas
- 25:34Player Object
- 26:09Player Position
- 26:36Player States
- 27:05Collision Detection
- 27:39Advanced Concepts
- 29:10Summary
- 29:58Contact Info
