Uncode Creative and WooCommerce Theme
Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Build a Product Card with Tailwind CSS
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store in this Scrimba course. Codrops readers get 20% off Pro plans!
Passing Data into SVG: Linked Parameters Workaround
An experimental workaround for passing data like colors from CSS into SVGs used as images, exploiting SVG sizing and modern CSS features.
Minding the gaps: A new way to draw separators in CSS
An article by the Microsoft team on techniques for drawing separators in CSS, and a new proposal called "CSS gap decorations".
AI Blindspots
Edward Z. Yang shares "blindspots" in LLMs he has noticed while AI coding.
daylight
A command-line program for tracking sunrise and sunset times (Mac/Linux).
Does vibe coding work?
David Lindkvist tests building a UI with only AI-generated code—fast, but messy. Cursor + Claude sped things up, but control and polish suffered.
Matching drop shadows across CSS, Android, iOS, Figma, and Sketch
A quick explanation of why drop shadows look different across platforms—and how to fix it.
OpenAI.fm
OpenAI.fm is an interactive demo for testing the new text-to-speech voices in the OpenAI API
Announcing WordPress Export to Markdown v3
WordPress Export to Markdown v3 adds a smoother wizard, draft post support, and CLI options for static site migrations. Source code here.
Carousels with CSS
CSS-only carousels are now possible with Chrome 135 and the CSS Overflow 5 spec. Adam Argyle showcases scroll buttons, markers, snapping, and more—no JS required.
Real-world uses of TypeScript’s utility types
Sam Rose shares real-world examples of TypeScript utility types like Partial, Omit, and ReturnType.
CSS Animation with offset-path
Chuan demonstrates how to recreate motion patterns using offset-path in CSS, showcasing polygon-based paths and animated sequences.
LLM Agents are simply Graph — Tutorial For Dummies
A beginner-friendly tutorial demystifying LLM agents, explaining them as simple graphs with decision loops, using PocketFlow for clear, hands-on learning.
CSS view-timeline shine effect
Ryan Mulligan’s demo showcases a CSS view-timeline shine effect using animation-timeline: view(), animating elements based on scroll position.
Self Gap
Ahmad Shadeed explores ways to control spacing between flex and grid items, discussing current CSS solutions and proposing a new gap-self property.
Cascii v1.0.1 (beta)
A web-based ASCII and Unicode diagram builder written in vanilla JavaScript with zero dependencies. Repo here
Oscura
A VS Code theme by Fey, inspired by hacker terminals and designed for a sleek, minimal coding experience with curated colors and balanced contrast.
A fluid CSS methodology
Willy Brauner explores a fluid CSS methodology using viewport-based calculations for responsive, scalable, and maintainable layouts.
Anon Code
A terminal-based AI coding tool that integrates with any model supporting the OpenAI-style API.
A Bear Case: My Predictions Regarding AI Progress
Thane Ruthenis discusses his bearish predictions for AI progress, arguing that scaling current models like LLMs won't lead to AGI anytime soon.
Goravel
Goravel is a web application framework designed for Gophers, offering complete functionality and scalability, inspired by Laravel.
Suspicious Vial
Frank Reitberger's Three.js demo uses custom shaders and ping-pong buffers to create realistic fluid sloshing inside a glass-like vessel.
Kill your Feeds
Tom Usher discusses how social media algorithms manipulate our attention and beliefs, urging readers to regain control over their online experience.
Let the stagger experiments begin
New CSS features sibling-index() and sibling-count() reduce boilerplate and simplify staggered animations. Now available in Chrome Canary.
“Wait, not like that”: Free and open access in the age of generative AI
Molly White explores how AI companies exploit open knowledge, the risks to freely licensed content, and potential solutions to sustain the commons.
Powering Search With Astro Actions and Fuse.js
Bryan Robinson explores using Astro Actions and Fuse.js to add dynamic search to static sites while maintaining performance and flexibility.
How to write exceptional documentation
A guide to writing effective developer documentation, covering quickstarts, tutorials, API references, and more. Focuses on clarity, usability, and iteration.
A New Sudoku Layout With 81 Uniquely Shaped Cells
Cracked Sudoku introduces a new puzzle format with 81 uniquely shaped cells, replacing rows and columns with "runs".
The customizable select – Part one: history, trickery, and styling the select with CSS
A deep dive into the history and CSS-based customization of the <select> element, now supported in Chrome 134. Covers styling, accessibility, and progressive enhancement.
Photo gallery with Scroll Driven Animation
A CSS-only demo by Adam Argyle showcasing view-timeline animations for grid items, applying scroll-triggered opacity, scaling, and rotation effects.
The Cultural Divide between Mathematics and AI
A reflection on the contrasting values, priorities, and collaboration challenges between mathematicians and AI researchers, observed at JMM 2025.
How Much Are LLMs Actually Boosting Real-World Programmer Productivity?
Thane Ruthenis questions whether LLMs truly boost programmer productivity, asking for concrete real-world impacts rather than vague claims of 5–10x gains.
Hallucinations in code are the least dangerous form of LLM mistakes
Simon Willison argues that hallucinations in AI generated code are minor since they are easily caught when running the code, unlike misleading text errors.
Your Life in Weeks
A tool inspired by Tim Urban’s Wait But Why that visualizes your life as a grid of weeks, helping you track milestones and reflect on time.
PolyTrack
PolyTrack 0.5.0 beta is out! A fast-paced, low-poly racing game inspired by TrackMania, featuring custom track building, time trials, and community sharing.
Relative Colors
Ahmad Shadeed explains how to dynamically modify colors in CSS using relative colors, covering syntax, use cases, and accessibility benefits.
Create a Home Office Portfolio with Three.js and Blender
Andrew Woan showcases how to build a home office portfolio using Three.js and Blender, covering 3D website routing, rapid prototyping, and interactive elements.
Why Do We Have a Cache-Control Request Header?
Harry Roberts explores the often-overlooked Cache-Control request header, explaining its role in refresh behavior, revalidation, and real-world use cases.
A Quick Journey Into the Linux Kernel
An interesting look at key Linux kernel concepts, from process scheduling to system calls, with practical insights from kernel development.
MoodHue
Thalles Lopes introduces MoodHue, an AI-powered app that generates color palettes based on mood. Built with React and React Three Fiber.
