Search
Styling Buttons in WordPress Block Themes
9.1.2023
A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …
Styling Buttons in WordPress Block Themes originally...
Thank You (2022 Edition)
28.12.2022
You know, this is the time of year where Chris normally publishes a big ol’ reflection of the past year. The first one was published in 2007, the same year CSS-Tricks began, and it continued all the way through 2021…
Thank You (2022 Edition) originally published on CSS-Tricks, which...
2022 Roundup of Web Research
21.12.2022
We’ve started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are released throughout the year by a bunch of different companies …
2022 Roundup of Web Research originally published on CSS-Tricks...
Help choose the syntax for CSS Nesting
20.12.2022
CSS Nesting is making the rounds yet again. Remember earlier this year when Adam and Mia put three syntax options up for a vote? Those results were tallied and it wasn’t even even close.
Now there’s another chance …
Help choose the syntax for CSS Nesting originally published...
WordPress Playground: Running WordPress in the Browser
19.12.2022
Being able to quickly spin up a WordPress instance has been the strength of WordPress ever since its famous “five-minute install”. Upload a few files, configure a few settings, and you’re off.
The friction of uploading files has gotten …
WordPress Playground: Running...
CSS Infinite 3D Sliders
16.12.2022
In this series, we’ve been making image sliders with nothing but HTML and CSS. The idea is that we can use the same markup but different CSS to get wildly different results, no matter how many images we toss …
CSS Infinite 3D Sliders originally published on CSS-Tricks, which is part of...
So, you’d like to animate the display property
15.12.2022
The CSS Working Group gave that a thumbs-up a couple weeks ago. The super-duper conceptual proposal being that we can animate or transition from, say, display: block to display: none.
It’s a bit of a brain-twister to reason …
So, you’d like to animate the display property originally...
Some Links on AI-Related Stuff
14.12.2022
Every so often, I find that the links I save to read later fall into natural groups or patterns that reveal common threads of interest. The past couple of weeks have produced a lot of thoughts about ChatGPT, an …
Some Links on AI-Related Stuff originally published on CSS-Tricks, which...
Unchain My Inaccessibly-Labelled Heart
14.12.2022
Suzy Naschansky from the HTMHell Advent Calendar:
<h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p
See that aria-labelledby...
Holiday Snowtacular 2022
14.12.2022
We’ve got ourselves a real holiday treat! Join host Alex Trost from the Frontend Horse community for the Holiday Snowtacular 2022 this Friday, December 16.
There’s a lineup of 12 awesome speakers — including Chris Coyier, Cassidy Williams, Kevin …
Holiday Snowtacular 2022...
A Few Times Container Size Queries Would Have Helped Me Out
13.12.2022
CSS Container Queries are still gaining traction and many of us are getting our hands wet with them, even if it’s for little experiments or whatnot. They’ve got great, but not quite full, browser support — enough to justify using …
A Few Times Container Size Queries Would Have Helped Me...
Setting up a screen reader testing environment on your computer
12.12.2022
Sara Soueidan with everything you need, from what screen reading options are out there all the way to setting up virtual machines for them, installing them, and confguring keyboard options. It’s truly a one-stop reference that pulls together disparate …
Setting up a screen reader...
Saving Settings for a Custom WordPress Block in the Block Editor
12.12.2022
We’ve accomplished a bunch of stuff in this series! We created a custom WordPress block that fetches data from an external API and renders it on the front end. Then we took that work and extended it so the data …
Saving Settings for a Custom WordPress Block in the Block Editor originally...
CSS Infinite Slider Flipping Through Polaroid Images
9.12.2022
In the last article, we made a pretty cool little slider (or “carousel” if that’s what you prefer) that rotates in a circular direction. This time we are going to make one that flips through a stack of Polaroid …
CSS Infinite Slider Flipping Through Polaroid Images originally...
Animated Background Stripes That Transition on Hover
8.12.2022
How often to do you reach for the CSS background-size property? If you’re like me — and probably lots of other front-end folks — then it’s usually when you background-size: cover an image to fill the space of an entire …
Animated Background Stripes That Transition on Hover originally...
Adding Box Shadows to WordPress Blocks and Elements
7.12.2022
The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements.
Adding Box Shadows to WordPress Blocks and Elements originally...
CSS is OK, I guess.
6.12.2022
Nothing but ear-to-ear smiles as I was watching this video from @quayjn on YouTube. (No actual name in the byline, though I think it’s Brian Katz if my paper trail is correct).
The best is this Pen you can …
CSS is OK, I guess. originally published on CSS-Tricks, which is part of...
Does WWW still belong in URLs?
5.12.2022
For years, a small pedantry war has been raging in our address bars. In one corner are brands like Google, Instagram, and Facebook. This group has chosen to redirect example.com to www.example.com. In the opposite corner: …
Does WWW still belong in URLs? originally published on CSS-Tricks...
CSS Infinite and Circular Rotating Image Slider
2.12.2022
Image sliders (also called carousels) are everywhere. There are a lot of CSS tricks to create the common slider where the images slide from left to right (or the opposite). It’s the same deal with the many JavaScript libraries out …
CSS Infinite and Circular Rotating Image Slider originally...
Digging Deeper Into Container Style Queries
1.12.2022
I wrote up some early thoughts on container style queries a little while back. It’s still early days. They’re already defined in the CSS Containment Module Level 1 specification (currently in Editor’s Draft status) but there’s still a couple of …
Digging Deeper Into...