Device-Agnostic

Trent Walton on the term Device-Agnostic: Like cars designed to perform in extreme heat or on icy roads, websites should be built to face the reality of the web’s inherent variability. In my mind this approach addresses the following from the beginning: Hostile browsers, Tiny screens, Slow connection speeds, and Touch inputs Long story short, …

The Shape of your Notes

The Shape of your Notes is a blogpost/project right up my alley. It starts of talking about note taking, but then quickly transforms into a journey into geodata: isolines, GDAL, PostGIS, QGIS, etc. The result is a lovely notebook, with a neat – and correct – print of Iceland’s Eyjafjallajökull on the cover. The Shape …

Animating SVG With Clipping Masks and CSS

Unfortunately, we can’t animate SVG fills the same way [we do with paths] with only CSS. However I’ve thought of way of giving the impression they’re being ‘painted’ by animating SVG clipping masks. Animating SVG With Clipping Masks and CSS → Animating SVG With Clipping Masks and CSS (Demos) → Looking for a way to …