Return of the Knife and the Locomotive: Working with Web Graphics

on YouTube ↗43m

" summary

Talk explains handling web graphics using modern techniques: vector SVG and canvas, raster formats and responsive images, plus tools and workflow for optimizing and delivering graphics for different devices and resolutions. It covers browser support, scripting (likely JavaScript for canvas/SVG manipulation), and approaches to performance and asset management for web projects.

AI-written summary · about

" chapters (10)

1. 0:00Web graphics intro
2. 6:08Modern web formats
3. 10:30Photoshop and alternatives
4. 18:24Photoshop for layout
5. 22:02Sketch vs Photoshop
6. 25:35Graphics utilities
7. 33:21Image optimization
8. 37:00Sprites and performance
9. 38:34CSS graphics
10. 41:48Designer collaboration

" related talks

• 01h 08mThe quest for the graphical webVincent Hardy · Meta Refresh 2013
• 36mInteractive Web Animation with SVGCassie Evans · beyond tellerrand Berlin 2019
• 25mScalable Vue Graphics for the Modern WebDima Vishnevetsky · Vue.js Amsterdam 2020
• 36mNon-obvious SVG Capabilities in Modern FrontendKonstantin Ostrov · HolyJS 2023 Spring
• 44mPractical Web AnimationLisi Linhart · Pixel Pioneers Bristol 2019
• 39mThe Future of Web AnimationSarah Drasner · DinosaurJS 2019
• 46mAlgorithmic Graphics: JS for Design and ArtIvan Dianov · HolyJS 2025 Spring
• 31mAnimating SVGsZell Liew · CSSConf.Asia 2015