The Internet of Shapes
summary
Claims that geometric layouts are doable and faster are backed by specifics: the css triangle border hack and border-radius 50% for circles, combine rotate/skew/scale with counter-rotation to keep content readable, and a working csshexagon.com generator that avoids many PNGs to improve performance. Vector work uses SVG paths, pattern fills and libraries like Snap.svg and Raphael, while HTML5 canvas plus libraries (isomer, sheetengine, d3, CreateJS, paper.js, two.js) drives interactive particle and music visuals (see patatap). SMIL animation is unreliable and SVG support reaches back to IE9.
AI-written summary · about
chapters (8)
- 0:00Start
- 8:22linear gradient with hard stops
- 8:59repeat for stripes!
- 12:47reset with a counter-transform
- 29:37LAZY LINE PAINTER
- 30:38paint with JavaScript
- 33:24Isomer cubes
- 34:12drawing & animations
