Uncode Creative and WooCommerce Theme
Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.
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!
Luke Plunkett shares firsthand accounts from game devs struggling with AI forced into their workflows—frustrating, demoralizing, and often creatively hollow.
An extensive directory of open source and premium themes, templates, starters & UI kits for the Jamstack.
Federico Valla’s Smooothy is a lightweight, extensible JS slider with snapping, parallax effects, and smooth interactions. Framework-agnostic.
GSAP's Site of the Week, Nite Riot, was flawlessly executed with ScrollTrigger, ScrollSmoother, Observer, and Flip — all built in Webflow.
A deep dive into recreating Apple’s iconic Cover Flow UI using modern CSS features—scroll snap and scroll-driven animations—with no JavaScript.
An updated, opinionated guide to styling <mark>, <del>, <ins>, and <s> elements for modern browsers and screen readers.
Lusion’s WebGL-Scroll-Sync demo explores a workaround for syncing WebGL visuals with DOM elements using a single canvas—without resorting to scroll-jacking.
A lightweight, embeddable JS runtime for cross-device apps, with native threads, CJS/ESM, and no stdlib—built for modularity.
Mats Erdkamp dives deep into solving anchor link scroll issues with increasingly advanced methods, ending in a smoothstep-based optimized approach.
After helping creators earn $1B+, the platform has opened its entire codebase, enabling faster features, bug fixes, and self-hosted marketplaces.
Stanko shows how to build a CSS-only glitch effect by slicing images into animated strips with hue shifts, random transforms, and no runtime JS.
Create a personal website in seconds from your resume or LinkedIn — free, open source, and built with Together.ai, Next.js, and more.
Ahmad Shadeed explores the new modern attr() in CSS, which allows typed attribute values like colors, lengths, and times for dynamic styling.
Anime.js v4 is out with a new modular API, scroll-linked animations, draggables, additive effects, WAAPI support, and major performance improvements.
A minimal, CSS-only technique for rendering blurry image placeholders using a single custom property and packed integer encoding.
Bryan Braun breaks down how circular dependencies in JavaScript work, why errors can be cryptic, and how live bindings sometimes mask the problem.
Christian Alder experiments with CSS holographic mask effects, inspired by Robb Owen’s guide on blend modes and shader-like visuals using only CSS.
Chris Dalton shares how Rive built the first true vector-based feathering system — no rasterization, no blur hacks, just clean math and modern GPU rendering.Vector Feathering
Luciano Nooijen removed AI code tools after noticing a decline in coding instincts, choosing to stay sharp by using AI only manually and intentionally.
Kyle Gill compares dev server performance across Next.js with Webpack, Turbopack, and Vite (with Rollup and Rolldown), finding Vite fastest in most cases.
Thomas Ledoux shares how he built an Astro integration that automatically indexes site content to Algolia during production builds, using TypeScript, Cheerio, and stopword filtering.
Tim Severien analyzed 595 job listings to assess front-end and full-stack tech demand, finding React, Tailwind, and AWS dominant—though accessibility remains overlooked.
GSAP's Site of the Week, 24/7 Artists, brilliantly showcases animations using ScrollTrigger, MotionPath, and SplitText, created by Waaark.
A proposed unified layout system in CSS to merge features of Flexbox, Grid, and Masonry for greater control.
Brady Eidson introduces a new, privacy-first way to send push notifications without requiring service workers or JavaScript.
A Three.js demo showing joint manipulation in six-legged insects. Tilt their habitat with orbit controls. Full source code in the page’s HTML.
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.
Michael Lynch shares practical advice on how developers can write blog posts that actually get read.
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 has open-sourced the code behind his personal portfolio.
Resn launches NVG8: a sleek, scroll-driven Web3 experience that gamifies data contribution through immersive motion and futuristic UI.
Julik Tarkhanov shares a robust JavaScript undo/redo stack using dual arrays and structured cloning—avoiding common indexing pitfalls with a clean API.
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 scraping bots are overwhelming open-access sites, threatening the sustainability of libraries, archives, and scholarly platforms online.
Modern CSS features like :where() and cascade layers enable cleaner, conflict-free utility classes—no more specificity battles or !important hacks.
A deep dive into CSS border-image and how it enables creative, performant designs through slicing, repeating, and styling with images or gradients.
What to consider before choosing Next.js—framework limitations, portability issues, and transparency concerns.
A deep dive into CPU architecture concepts showing how developers can boost code performance by aligning with hardware behavior.
Rediscover the joy of writing old-school CSS with Drupal 10 theming—flex layouts, Twig magic, and a mobile menu, all built from scratch!
Chrome 135 adds support for fully customizable <select>
elements using appearance: base-select
, enabling rich content and styling via CSS.
A thoughtful critique of AI answer engines and how they're changing (and diminishing) the experience of browsing the web.
An experimental workaround for passing data like colors from CSS into SVGs used as images, exploiting SVG sizing and modern CSS features.