Vector Editing in the Browser
summary
A review of the main challenges for porting vector illustrations created in Adobe Illustrator to run in the browser, focusing on color space handling and typographic support. It examines SVG's limitations for representing such artwork and compares browser rendering backends (HTML/CSS, SVG, Canvas 2D, WebGL) as possible approaches.
AI-written summary · about
chapters (16)
- 0:00Company introduction
- 3:58Vector editing challenges
- 7:34Browser rendering engines
- 11:42SVG drawing primitives
- 13:11Vector color definition
- 17:27Human color perception
- 24:31Modern screen limitations
- 29:23Color depth solution
- 33:42Text importance in vectors
- 36:56Typography and alignment
- 43:25Browser fonts and ligatures
- 45:53Responsive SVG design
- 47:20Vector tool demo
- 50:25Current solutions and WebGL
- 51:15Color depth Q&A
- 53:21Future design challenges
related talks
45mUnlocking SVG’s Superpowers
39mBuilding Better Interfaces With SVG
39mStyling and Animating Scalable Vector Graphics with CSS
36mNon-obvious SVG Capabilities in Modern Frontend
01h 08mThe quest for the graphical web
46mGUI automation of a WEB application with SVG graphics
01h 14mThe Evolution of Text Rendering on Canvas: On Flash, IE11, Designers and Cuneiform
56mIcons and the Web: Symbols of the Modern Age