Blog

CO2 Observer Release Sep 17, 2023 Measure and showcase your website’s carbon footprint with CO2 Observer—a simple tool that estimates emissions per page…
Sarcastic White Aug 1, 2023 A cool and crisp color theme created around uncluttered design patterns to achieve optimal focus & readability.
Darky.js Release Jul 28, 2023 Darky.js lets you enable dark mode on any website with zero redesign—simple setup, customizable, OS theme aware, and…
Gridder Jul 10, 2023 A clean and minimalistic UI theme created around uncluttered design patterns to achieve optimal focus & readability.
Weekly Widget - Simple CSS Checkbox Jul 3, 2023 A clean and accessible checkbox toggle built with pure CSS, showcasing the classic checkbox-hack—my most popular pen to…
Weekly Widget - Self-coding Website Jun 26, 2023 A fun experiment that simulates a website writing its own code in real time—great for presentations or educational…
DarkyJS Jun 22, 2023 Add a dark mode to your website in seconds. No hassle, no reworking your entire codebase!
Weekly Widget - Pure CSS Star Rating Jun 19, 2023 A fully functional star rating system built with pure CSS using radio buttons—no JavaScript needed.
Weekly Widget - Isometric Menu Jun 12, 2023 A visually striking isometric-style menu built entirely with CSS transforms, perfect for creative UI experiments.
Weekly Widget - HSLA editor Jun 5, 2023 An interactive HSLA color editor built with CSS and JavaScript, letting you tweak hue, saturation, lightness, and alpha…
ColorDrop Release 2023 May 30, 2023 A redesigned ColorDrop.io with a new interface, smarter image scanning, improved palette customization, and a growing…
Weekly Widget - Datacenter Map May 29, 2023 This week’s widget is a slick SVG-powered datacenter map with animated dotted patterns – perfect for showing server…
Weekly Widget - Animated Background May 22, 2023 A hypnotic weekly widget - create a smooth, animated gradient background using only CSS by animating…
Color systems with CSS color-mix May 17, 2023 Learn how to create flexible, consistent color systems using the new color-mix() function in CSS — perfect for modern…
Weekly Widget - "Toss" Add to Cart Animation May 10, 2023 A playful “add to cart” animation that tosses items into the cart using CSS transitions and a touch of JavaScript for…