Ten Places Where You Can Ditch JS
summary
Claims ten concrete places to stop using JS for better performance and fewer dependencies, with demos showing it works: replace heavy animation libraries with transforms & keyframes and CSS transitions, build preloaders and SVG graphics with pure CSS, implement carousels and vertical centering with flexbox grid, let calc() runtime math handle sizing, use background-size: cover for responsive hero images, and rely on preprocessor functions (each, if/else, mixins) to eliminate runtime scripts and HTTP requests.
AI-written summary · about
chapters (13)
- 0:00Standard Chartered
- 1:58It is :NOT CSS VS JS
- 2:14Animate me :
- 3:03Preloaders
- 3:52Graphics
- 4:56Carousels
- 5:33OMG!! V-align!!
- 6:15Page Layout
- 7:17calco
- 8:25Cover Background
- 9:04Preprocessors
- 9:33Each and more...
- 10:03Thank you!!! @hellonehha
related talks
30mStop using JS for that: Moving features to CSS and HTML
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
34mDon't Use JS for That: Moving Features to CSS and HTML
18mJavaScript Is Dead: 7 Examples Where Modern CSS Is Enough
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
36mStop using JS for that: moving features from JS to CSS & HTML
29mThe Best JavaScript is No JavaScript
19mThe Shady Web: Using CSS for Good, not Evil