✨ CSS Diner is an interactive game that teaches CSS selectors by challenging you to 'select' tableware items. Covers basic to advanced selector syntax, including pseudo-classes and combinators. Features 32 levels with increasing difficulty, from simple element targeting to complex attribute selections. Visual feedback helps reinforce learning with animations and error hints. Includes a cheat sheet for quick reference during gameplay. Perfect for beginners and refreshers alike, with a playful approach to front-end fundamentals. The retro diner theme makes dry syntax surprisingly engaging.
✨ Webamp a faithful recreation of the classic Winamp 2.9 media player that runs entirely in browser JavaScript. Supports MP3 playback, playlist management, and even the iconic visualization effects. You can load local files or stream from URLs. Open-source project that demonstrates advanced WebAssembly and audio API usage. Perfect nostalgia trip for millennials with customizable skins including the original 'base' skin.
✨ Pixel Icon Library is an open-source collection of pixelated icons meticulously designed on a 24px grid, ensuring perfect alignment and consistency. The library offers over 400 unique pixelated vector icons, available in multiple formats including SVG and PNG. Users can integrate these icons into their projects via NPM packages, direct HTML & CSS, or through a Figma component library. Licensed under CC BY 4.0, the icons are free to use with appropriate attribution. This resource is ideal for developers and designers seeking to add a retro, pixel-art aesthetic to their work.