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!
Mesh gradient tool
Chase Davis brings back his mesh gradient project, now enhanced with AI tools, and shares updates featuring real-time depth of field in Three.js.
How to Write Blog Posts that Developers Read
Michael Lynch shares practical advice on how developers can write blog posts that actually get read.
Take This On-Call Rotation and Shove It
A deeply personal, richly detailed critique of unpaid and exploitative on-call practices in tech, arguing that 24/7 availability should be compensated and reconsidered.
Luis Bizarro Portfolio
Luis Bizarro has open-sourced the code behind his personal portfolio.
Navigate
Resn launches NVG8: a sleek, scroll-driven Web3 experience that gamifies data contribution through immersive motion and futuristic UI.
UI Algorithms: A Tiny Undo Stack
Julik Tarkhanov shares a robust JavaScript undo/redo stack using dual arrays and structured cloning—avoiding common indexing pitfalls with a clean API.
ShaderGPT Explore Page
ShaderGPT introduces a new Explore Page, allowing users to search, filter, and vote on AI-generated GLSL shaders, helping surface the most popular results.
AI bots are destroying Open Access
AI scraping bots are overwhelming open-access sites, threatening the sustainability of libraries, archives, and scholarly platforms online.
Cowardly Defaults and Courageous Overrides with Modern CSS
Modern CSS features like :where() and cascade layers enable cleaner, conflict-free utility classes—no more specificity battles or !important hacks.
Revisiting CSS border-image
A deep dive into CSS border-image and how it enables creative, performant designs through slicing, repeating, and styling with images or gradients.
You should know this before choosing Next.js
What to consider before choosing Next.js—framework limitations, portability issues, and transparency concerns.
Hardware-Aware Coding: CPU Architecture Concepts Every Developer Should Know
A deep dive into CPU architecture concepts showing how developers can boost code performance by aligning with hardware behavior.
The case for “old school” CSS
Rediscover the joy of writing old-school CSS with Drupal 10 theming—flex layouts, Twig magic, and a mobile menu, all built from scratch!
The ‹select› element can now be customized with CSS
Chrome 135 adds support for fully customizable <select> elements using appearance: base-select, enabling rich content and styling via CSS.
Browse No More
A thoughtful critique of AI answer engines and how they're changing (and diminishing) the experience of browsing the web.
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.
