- SVG-in-CSS Generic Houdini worklet to draw SVG shapes
- CSS Houdini Real magic or smoke and mirrors?
- Inner borders Draw inner borders with CSS Houdini
- CSS debugging is hard
- Random irregular grid with CSS Houdini
- SVG Path Layout with CSS Houdini
- Highlighter marker annotations with CSS Houdini
- Random bubbles mask with CSS Houdini
- Dynamic hover masks with CSS Houdini
- Slanted backgrounds with CSS Houdini
- Smooth corners with CSS Houdini
- CSS Houdini Rocks Very experimental
- Deep dive CSS: font metrics, line-height and vertical-align
- CSS & SVG Masks Testcases on HTML content
- Morphing (hamburger) menu
- UI with rotating color scheme
- Sticky Elements Fun UI experiment with sticky elements
- Speedometer PWA Progressive Web App
- CSS element() function
- Media-queries Level 4 test Show currently active media-queries
- Advanced CSS filters
-
SVG Sprites with
<img>
orbackground-image
- Pleeease - CSS tool (pre-postprocessors) Optimize your workflow
- Progressive blur with CSS & SVG
- Skeuomorphic Payment Experiment An online payment experiment that visually simulates a credit card
- Shine effect in pure CSS (+SVG) Using masks, pseudo-elements and gradients
- Book: CSS3 Le design web moderne (in French) Éditions Dunod