Web Design
A beginner-friendly guide to view transitions in C...
Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.
The thing about contrast-color
One of our favorites, Andy Clarke, on the one thing keeping the CSS contrast-color() function from true glory: For my website design, I chose a dark blue background colour (#212E45) and light text (#d3d5da). This … The thing about...
Introducing Blueprints in WordPress Studio 1.6.0
WordPress Studio 1.6.0 adds Blueprint support to create sites from repeatable recipes. Use featured Blueprints or your own to install plugins, activate themes, and get straight to work.
See Your Site Through AI: WordPress.com Now Suppor...
MCP lets AI assistants like Claude and Cursor generate real-time insights from your WordPress.com site data.
Getting Creative With shape-outside
There are so many creative opportunities for using shape-outside that I’m surprised I see it used so rarely. So, how can you use it to add personality to a design? Here’s how I do it. Getting Creative With shape-outside...
Smashing Animations Part 5: Building Adaptive SVGs...
SVGs, they scale, yes, but how else can you make them adapt even better to several screen sizes? Web design pioneer Andy Clarke explains how he builds what he calls “adaptive SVGs” using ``, ``, and CSS Media Queries.
Intent Prototyping: A Practical Guide To Building ...
Ready to move beyond static mockups? Here is a practical, step-by-step guide to Intent Prototyping — a disciplined method that uses AI to turn your design intent (UI sketches, conceptual models, and user flows) directly into a live prototype,...
Same Idea, Different Paint Brush
Naturally, everything looks like code when I'm staring at a blank canvas. That's whether the canvas is paper, a screen, some Figma artboard, or what have you. Same Idea, Different Paint Brush originally published on CSS-Tricks, which is part...
How to Make a Portfolio Website in Three Simple St...
Looking to build a portfolio site? Here’s a step-by-step guide on how to make one, along with pro tips to help you take your website from meh to magnificent.
Shades Of October (2025 Wallpapers Edition)
How about some new wallpapers to get your desktop ready for fall and the upcoming Halloween season? We’ve got you covered! Following our monthly tradition, the wallpapers in this post were created with love by the community for the...
Touring New CSS Features in Safari 26
Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about. Touring New CSS Features in Safari 26 originally published on CSS-Tricks, which is part of the DigitalOcean family....
Recreating Gmail’s Google Gemini Animation
John Rhea challenged himself to recreate the fancy button using the new CSS shape() function sprinkled with animation to get things pretty close. Recreating Gmail’s Google Gemini Animation originally published on CSS-Tricks, which is part of the DigitalOcean family....
From Prompt To Partner: Designing Your Custom AI A...
What if your best AI prompts didn’t disappear into your unorganized chat history, but came back tomorrow as a reliable assistant? In this article, you’ll learn how to turn one-off “aha” prompts into reusable assistants that are tailored to...
Will AI Replace Web Developers (And How Should You...
Short answer: It depends. For a better answer, you'll have to read this post.
Intent Prototyping: The Allure And Danger Of Pure ...
Yegor Gilyov examines the problem of over-reliance on static high-fidelity mockups, which often leave the conceptual model and user flows dangerously underdeveloped. He then explores whether AI-powered prototyping is the answer, questioning whether the path forward is the popular...
CSS Typed Arithmetic
Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS. CSS Typed Arithmetic originally published on CSS-Tricks, which is...
Telex Turns Everyone into a WordPress Block Develo...
WordPress block development usually requires advanced technical expertise. Telex changes that by letting you describe what you want and get a working block plugin instantly with prompts.
Ambient Animations In Web Design: Principles And I...
Creating motion can be tricky. Too much and it’s distracting. Too little and a design feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show. In this article, web design...
On inclusive personas and inclusive user research
A set of notes taken from Eric Bailey's article about the use of inclusive personas and user research. On inclusive personas and inclusive user research originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...
The Psychology Of Trust In AI: A Guide To Measurin...
With digital products moving to incorporate generative and agentic AI at an increasingly frequent rate, trust has become the invisible user interface. When it works, interactions feel seamless. When it fails, the entire experience collapses. But trust isn’t mystical....