Smashing Magazine
In a world where AI is informing more design choices, it’s easy to mistake predictions for certainties. This article introduces Probabilistic Design, a mindset that allows UX and product teams to acce...
Codrops
A look at the design, content, and development decisions behind A Better Lou, a healthcare platform built to reduce complexity and improve clarity.
Sidebar
Vibe coding is useful for discovery, but software engineering starts when generated code has to be reviewed, owned, operated, and safely changed.
Sidebar
Multilingual encyclopedia of typographic terms.
Sidebar
The least fun but most required part of our work.
Sidebar
An interactive 3D globe showing every match of the 2026 FIFA World Cup — browse by date, group, team, or city.
Sidebar
When Japan broke up its national railway in 1987, the new companies agreed on one thing to keep the same.
Javascript Weekly
#790 — June 16, 2026 Read on the Web JavaScript Weekly Flow for TypeScript Users in 2026 — Flow is Meta's mature typed dialect of JavaScript, and over the years its syntax has...
CSS-Tricks
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now. What’s !important #13: @function, alpha(...
Web Designer Depot
The industry isn't dying—it’s undergoing a high-speed "Hard Reset" that is promoting developers from manual laborers to digital architects. While some are exiting the grind, the bold are becoming "Sol...
Sidebar
Capture entire webpages (or sections), copy to clipboard, Ctrl+V into Figma, start editing.
Sidebar
What is polish actually worth?
Sidebar
Open source UI kit for modern document apps. React components for PDF, DOCX, XLSX, and CSV viewers, file upload, e-signing, and more.
Sidebar
Coding agents made software cheap to build. That just exposed the bottleneck that was always there: deciding what to build.
Sidebar
Tracking cryptocurrency and artificial intelligence industry influence on 2026 elections in the United States.
Picalilli
It doesn’t matter if it works An extremely good and important read. LLMs and performative productivity A rather detailed post that links out to some really interesting studies too. When to use (and no...
MDN
MDN's MCP server brings MDN's documentation and browser compatibility data directly into your editor or IDE, giving your LLM or coding agent access to accurate, up-to-date web platform information.
CSS-Tricks
Why isn't my 3D view transition working?! Sunkanmi tackles this frustration and offers an elegant fix for it. Why Isn’t My 3D View Transition Working? originally handwritten and published with...
Smashing Magazine
We have officially moved past the era of humanoid robots as mere public relations stunts. As they become increasingly lifelike, society may soon face profound social, psychological, and ethical challe...
Sidebar
The functional alignment between AI capabilities and human intent.
Sidebar
An interactive 3D keyboard for learning the keyboard shortcuts of the apps you use every day.
Sidebar
How the Single Responsibility Principle (SRP) is often misinterpreted and how to apply it correctly to avoid overengineering and underengineering.
Sidebar
Pixel-perfect skeleton loading screens auto-extracted from your real DOM. Zero configuration, zero layout shift.
Sidebar
The two modes of product discovery.
Codrops
How a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the "correct" way to code and build an infinite corridor out of flat geometr...
Sidebar
A personal perspective on AI, product quality and the growing divide between deciding what should exist and efficiently building it.
Sidebar
A platform-agnostic, full specification of the technical features a good website should have. Built in the open under an MIT license.
Sidebar
Notes from the 2026 WWDC keynote.
Sidebar
How we built a cross-browser glass effect for the web, and how it shapes a family of components.
Sidebar
Discover curated UI Skills for design engineers, including accessibility, motion, frontend craft, and interface quality guides.
CSS-Tricks
There are many ways to create memorable experiences. Sometimes it's as simple as a form that completes smoothly. But here I'm interested in sharing techniques I reach for when I want a site to feel al...
Web Designer Depot
We are entering the era of "Vibe Coding," where AI generates the average of everything we’ve ever built, leaving the web beautiful but soulless. To survive, designers must stop being pixel-pushers and...
Codrops
An inside look at how we built Horeca’s motion system in Webflow, from scroll-triggered animations and sticky layouts to performance tuning, mobile optimization, and production-ready architecture.
Smashing Magazine
Findings from an exploratory user research study highlighting the unique insights and practical UX recommendations shared by participants with cognitive disabilities.
Codrops
How we turned a small archive of stamp illustrations into a tactile web experience with draggable stamps, a shader-based loupe, and a postcard feedback dialog.
Chrome for Developers
Build structured tools for your website, so agents can complete tasks accurately.
Javascript Weekly
#789 — June 9, 2026 Read on the Web JavaScript Weekly VoidZero is Joining Cloudflare — One of the year’s big moves in JS tooling, as told by Evan himself. The company he found...
CSS-Tricks
I've said one and mean another, and I've used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my fut...
Codrops
Exploring the philosophy, projects, and process behind a studio that treats every brief as a new path to uncover.
The Changelog
This week I'm talking with Max Stoiber, currently working on ChatGPT's plugin directory and app platform at OpenAI. We discuss the hundreds of open source projects nobody remembers alongside the big o...
Codrops
What rebuilding the Lesse Studio website taught us about self-hosting, performance, and choosing tools with intention.
Picalilli
eyeball Incredibly addictive game. Best to use a mouse/trackpad than a touch device to give yourself a chance too! Dollar Slice Surf Report, New York City A cool project by Scott Jehl as, using pen, p...
CSS-Tricks
We dive again into CSS Pie Charts! This time, Author Antoine Villepreux delivers semantic and flexible charts without a single line of JS. Another Stab at the Perfect CSS Pie Chart… Sans JavaSc...
Picalilli
Just as with every aspect of my life, I find it hard to identify my software development skills. At my heart, I am a developer, though I spent way too much time as a high school senior fretting about...
Codrops
A creative exploration of GSAP MotionPath, where stacked thumbnails unfold into a flowing image strip through curved trajectories.
Astro
Get ready for a summer of sport with our new personalizable merch.
CSS-Tricks
The offset-path property in CSS defines a movement path for an element to follow during animation. This property began life as motion-path. This, and all other related motion-* properties, are being r...
CSS-Tricks
The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
CSS-Tricks
The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can accept arguments, contain complex logic, and return values based on that logic. @functi...
Smashing Magazine
Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces, **friendly video...
Codrops
From self-taught beginnings to real client work, I share my journey, key projects, and the challenges that shaped my approach to building interactive experiences.
Chrome for Developers
From Chrome 150 you can seamlessly transition a PWA to a new same-site origin.
Chrome for Developers
Get a preview of the next Chrome release with this post detailing the features in the current beta.
CSS-Tricks
The CSS ::search-text pseudo-element selects the matching text from your browser's "find in page" feature. ::search-text originally handwritten and published with love on CSS-Tricks. You should real...
Chrome for Developers
DevTools for agents is stable, AI assistance gets major upgrade with Lighthouse and widgets, new WebMCP debugging tools.
Chrome for Developers
CSS gap decorations, disconnecting WebSockets for bfcache, and Intl.Locale variants.
Javascript Weekly
#788 — June 2, 2026 Read on the Web JavaScript Weekly Hocuspocus 4: Add Real-Time Collaboration to Any App — A plug-and-play real-time collaboration backend based on Yjs so yo...
CSS-Tricks
In the previous article, I spoke about the why and how to use a Markdown component in Astro. Here, we’re going to expand on that and help you use Markdown everywhere — regardless of the framework you...
Web Designer Depot
The F-pattern is officially dead: in 2026, users don’t just read your page—they "sift" it through AI overlays and interact with "liquid glass" interfaces that respond to their gaze in real-time.
Codrops
Through branding, immersive web experiences, and 3D design, Beaucoup explores new ways to make brands feel memorable.
Smashing Magazine
Let’s kick off June — and the beginning of summer — with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new col...
Astro
May 2026 - A new Astro jobs board, TinaCMS makes Astro their default template, experimental advanced routing, and more!
Codrops
Personalized digital spaces designed with care and emotional intention may offer a new way to support self-awareness, emotional growth, and the processing of difficult experiences in an increasingly A...
CSS-Tricks
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing, ::checkmark, HTML An...
Picalilli
musiq Some web components that render piano keys and guitar fretboards in various configurations. Handy for educators! Aphera This is looking like a genuine challenger for Adobe Lightroom. Media queri...
Smashing Magazine
Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the needle. We didn’t ne...
Picalilli
The ::checkmark pseudo-element was introduced in CSS Form Control Styling Module Level 1 and it’s a powerful CSS feature to say the least. I even wrote about it as an almanac entry for CSS-Tricks in 2...
Astro
Astro 6.4 introduces a new pluggable Markdown processor API, a Rust-based Markdown processor for faster builds, and helpers to wire up experimental advanced routing with Cloudflare.
CSS-Tricks
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line. Revealing Text With...
CSS-Tricks
This isn’t totally about AI. It’s about technical writing in the age of AI. I have some thoughts on this and I hope it’s helpful to you humans reading. Technical Writing in the AI Age originally hand...
Josh Comeau
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this b...
Web Designer Depot
The era of the "ghost button" was a massive mistake that prioritized minimalist purity over actual usability, effectively hiding the most important part of your site from your customers. In 2026, the...
Chrome for Developers
Learn more about the talk given at Google I/O 2026 by Thomas Steiner.
Javascript Weekly
#787 — May 26, 2026 Read on the Web JavaScript Weekly JS Crossword: All the Answers are JavaScript — This hand-crafted puzzle will seriously stretch your JavaScript knowledge....
CSS-Tricks
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall o...
Smashing Magazine
There’s a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they’re “doing it right.” That pause is a clear sig...
CSS-Tricks
Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works...
Smashing Magazine
What people say, feel, think, and do are often very different things. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden motivations, root c...
Chrome for Developers
Another Google I/O is behind us and we have covered all the exciting extensions updates!
Smashing Magazine
Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds. Works for 5 items or 5,000.
Chrome for Developers
All the talks from Google I/O 2026 are now available on demand.
Chrome for Developers
Recap of how to modernize authentication with passkeys, digital credentials, and more, based on the Google I/O 2026 session.
Web Designer Depot
WordPress didn’t kill web design—it exposed how much of it was never that valuable to begin with. Now that anyone can generate a “good enough” site in minutes, the real game isn’t building anymore—it’...
Chrome for Developers
Learn about the key announcements from Google I/O 2026.