codepen
Text Fragment URL Generator
A generator for text fragment URLs, and the encoding bug I shipped with it. Any hyphen in the highlighted text silently breaks the link.
Markdown/WYSIWYG Converter!
Converts between Markdown and WYSIWYG text in the browser.
Word Cloud Generator
An interactive word cloud generator built with JavaScript. Type or paste any text to visualise word frequency as a cloud, then export it as an image.
Skeuomorphic Boombox
Tape player interface that plays Chopin music with interactive controls.
Colour Palette Generator
Generates random color palettes interactively using HTML, CSS, and JavaScript.
Steam Library Hover Effect in CSS
How the Steam library card effect works in CSS. A perspective tilt on hover, a gradient sheen that sweeps across the cover, and the stacking rule that stops a scaled card hiding behind the next one.