Web Design
Let’s Use the Emergent CSS random() Function in al...
The journey to create a polyfill for the upcoming CSS random() function that works in all browsers. Let’s Use the Emergent CSS random() Function in all the Browsers originally handwritten and published with love on CSS-Tricks. You should really...
What’s !important #18: , Syntax ::highlight()ing, ...
Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month, season, aaaand new edition of What’s important (#18), bringing you the best content that developers have produced over the last couple of...
The Many Faces Of September (2026 Wallpapers Editi...
Could there be a better way to welcome the new month than with a new collection of desktop wallpapers? Whether you’re holding tightly onto summer or eagerly awaiting autumn, we’ve got some eye-catching designs to make your September just...
WordPress.com Changelog: A New Hosting Dashboard, ...
WordPress.com’s latest updates include a redesigned Hosting Dashboard, a new ChatGPT plugin, WordPress 7.1, and practical improvements for users.
23 Exceptional Matte Effect Presets for Lightroom ...
Matte effect Lightroom presets are perfect for creating soft, cinematic edits with a timeless and slightly faded aesthetic. The matte look is created by lifting the darker tones in an image, reducing harsh contrast, and softening colors to produce...
24 Glitch Effect Photoshop Actions & Layer Styles
A well-executed glitch effect can turn ordinary graphics into something that feels alive with electric energy. This roundup highlights the best Photoshop glitch effects that help you apply distortion with precision and style. These Photoshop actions and layer styles...
24 Handpicked History PowerPoint Templates
History is full of stories, and your slides should reflect that narrative richness. In this set of PowerPoint templates, you’ll discover layouts designed to help you frame those stories with impact. The templates incorporate visual elements like image frames,...
23 Dystopian Fonts for Dark Sci-Fi Projects
Every dystopian world has a visual language, and the right font can make that world feel real. Here you’ll find typefaces inspired by oppressive regimes, underground resistance groups, malfunctioning tech, and fragmented communication. Their rough edges and distorted shapes...
Creating Web Widgets Using the Document Picture-in...
The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it. Creating Web Widgets Using the Document Picture-in-Picture API originally handwritten and published with love on CSS-Tricks....
animation-trigger
The CSS animation-trigger property allows you to delay the start of a CSS animation until a specific trigger occurs. animation-trigger originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Rethinking Data Visualisation: A UX Approach To Da...
Data visualisation sits at the intersection of two disciplines that rarely talk to each other: data and design. Meriem Benhabiles explores what changes when you bring structured UX thinking to dashboards and data presentations, from the questions you ask...
WordCamp US 2026: The Artist and the Algorithm
Two months after my first WordCamp, I landed in Phoenix, AZ, for WordCamp US to experience it again, this time in another part of the world but with a similar group of people equally passionate about open source. At...
MicroLighter: Syntax Highlighter
Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave. MicroLighter: Syntax Highlighter originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Why Your Website Should Never Stop Changing
Every website peaks on launch day and slowly drifts from there, not because it breaks, but because nobody has time to keep it current. Autonomous websites, continuously optimized by agents after launch, aim to change that. Pierre Burgy shares...
Build with Your Expert WordPress Agent: WordPress ...
We rebuilt the WordPress Studio desktop app around Studio Code, our expert WordPress agent. Your sites, the chat, and a live preview now sit side by side in one window, so you describe what you want, watch it build...
Your WordPress.com Site Now Works from Inside Chat...
The new WordPress.com ChatGPT plugin enables you to manage your site efficiently and safely, streamlining tasks like publishing, checking stats, and more.
WordPress PHP-Only Block Registration
Seven and half years after blocks arrived in Core, WordPress introduces a way to build blocks without React annd build pipelines. All you need is PHP. WordPress PHP-Only Block Registration originally handwritten and published with love on CSS-Tricks. You...
Resolved: CSS Class Prefix Selector
A newly resolved proposal would allow us to select classes that are a prefix for variations with a wildcard, like .prefix-*. Resolved: CSS Class Prefix Selector originally handwritten and published with love on CSS-Tricks. You should really get the...
Timing Charts: A Blueprint For SMIL Animations
Discover SMIL, the often-overlooked way to animate SVGs that works inside `` tags and can fully animate everything in an SVG without JavaScript.
Every Site, One Click Away in the Hosting Dashboar...
Manage all your WordPress.com sites from one consistent interface, with persistent navigation for domains, hosting, updates, and performance.
























English (US) ·