Search
Using The New Constrained Layout In WordPress Block Themes
30.11.2022
One of the main goals of the WordPress Site Editor (and, yes, that is now the “official” name) is to move basic block styling from CSS to structured JSON. JSON files are machine-readable, which makes it consumable by …
Using The New Constrained Layout In WordPress Block Themes originally...
More Than “Slapping Paint on a Website”
29.11.2022
I’m a sucker for anything about front-end job titles.
Anselm Hannemann:
CSS evolved and we’re beyond the point where everyone can just do it as a side interest. We all can learn it and build amazing stuff with it,
…
More Than “Slapping Paint on a Website” originally...
Newer Things to Know About Good Ol’ HTML Lists
28.11.2022
HTML lists are boring. They don’t do much, so we don’t really think about them despite how widely used they are. And we’re still able to do the same things we’ve always done to customize them, like removing markers, reversing …
Newer Things to Know About Good Ol’ HTML Lists originally...
Apple Messages & Color Contrast
23.11.2022
Well, color me this! I was griping to myself last night about just how gosh dang hard it is to read text messages in Apple Messages. You know, not the blue bubbles that you get when messaging other iPhone users. …
Apple Messages & Color Contrast originally published on CSS-Tricks, which...
WordPress Developer Blog
22.11.2022
Well, hey check this out. Looks like there is a brand spankin’ new blog over at WordPress.org all about WordPress development. In the original proposal for the blog, Birgit Pauli-Haak writes:
The Make Core blog has a heavy
…
WordPress Developer Blog originally published...
Taming the Cascade With BEM and Modern CSS Selectors
21.11.2022
BEM. Like seemingly all techniques in the world of front-end development, writing CSS in a BEM format can be polarizing. But it is – at least in my Twitter bubble – one of the better-liked CSS methodologies.
Personally, I think …
Taming the Cascade With BEM and Modern CSS Selectors...
Making Static Noise From a Weird CSS Gradient Bug
18.11.2022
What I will be doing here is kind of an experiment to explore tricks that leverage a bug with the way CSS gradients handle sub-pixel rendering to create a static noise effect — like you might see on a TV with no signal.
Making Static Noise From a Weird CSS Gradient Bug originally published...
Creating a Settings UI for a Custom WordPress Block
17.11.2022
So far, we’ve covered how to work with data from an external API in a custom WordPress block. We walked through the process of fetching that data for use on the front end of a WordPress site, and how to …
Creating a Settings UI for a Custom WordPress Block originally published on CSS-Tricks...
DigitalOcean Welcomes Cloudways to the Family
17.11.2022
Hey folks! If you’ve been keeping up with the latest DigitalOcean news, you might be aware that we recently announced our acquisition of a company called Cloudways. In case you’re curious about what this means, we thought it might …
DigitalOcean Welcomes Cloudways to the Family...
Finding Front-End Development Scholarships
16.11.2022
I’m often asked where to learn web development. The answer varies, of course, and we’ve published a few posts on the topic over the years, the most recent of which was Chris taking a stab at different learning paths in …
Finding Front-End Development Scholarships originally...
Behind the CSScenes, November 2022
15.11.2022
Is it Fall? Winter? I don’t know, but I woke up with snow in the front yard this morning and felt like it was time to write a little update about what’s been happening around CSS-Tricks this past month, as …
Behind the CSScenes, November 2022 originally published on CSS-Tricks...
Classy and Cool Custom CSS Scrollbars: A Showcase
14.11.2022
In this article we will be diving into the world of scrollbars. I know, it doesn’t sound too glamorous, but trust me, a well-designed page goes hand-in-hand with a matching scrollbar. The old-fashioned chrome scrollbar just doesn’t fit in as …
Classy and Cool Custom CSS Scrollbars:...
CSS Grid and Custom Shapes, Part 3
11.11.2022
After Part 1 and Part 2, I am back with a third article to explore more fancy shapes. Like the previous articles, we are going to combine CSS Grid with clipping and masking to create fancy layouts for image …
CSS Grid and Custom Shapes, Part 3 originally published on CSS-Tricks, which...
What CSS Do You Absolutely Have to Know in 2022?
8.11.2022
Sacha Greif openly wondered whether CSS has gotten to be, you know, too big. With all the goodies that’ve shipped in browsers the past couple of years — container queries! relative color syntax! cascade layers! logical properties…
What CSS Do You Absolutely Have to Know in 2022?...
Managing CSS Styles in a WordPress Block Theme
7.11.2022
The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json, a new file that WordPress has been pushing …
Managing CSS Styles in a WordPress Block Theme originally published...
A Couple Changes Coming in Chrome 108
4.11.2022
“A change to overflow on replaced elements in CSS”:
From Chrome 108, the following replaced elements respect the overflow property: img, video and canvas. In earlier versions of Chrome, this property was ignored on these elements.
This
…
A Couple Changes...
The Difference Between Web Sockets, Web Workers, and Service Workers
3.11.2022
Web Sockets, Web Workers, Service Workers… these are terms you may have read or overheard. Maybe not all of them, but likely at least one of them. And even if you have a good handle on front-end development, there’s a …
The Difference Between Web Sockets, Web Workers, and Service Workers...
Some Links About CSS Gradients
2.11.2022
Every once in a while, the blogging zeitgiest seems to coalesce around a certain topic and it’s like the saved articles in my bookmarks folder are having a conversation. The conversation sitting in there now is all about CSS Gradients …
Some Links About CSS Gradients originally...
Rendering External API Data in WordPress Blocks on the Back End
1.11.2022
This is a continuation of my last article about “Rendering External API Data in WordPress Blocks on the Front End”. In that last one, we learned how to take an external API and integrate it with a block that …
Rendering External API Data in WordPress Blocks on the Back...
The New CSS Media Query Range Syntax
31.10.2022
The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design.
The New CSS Media Query Range Syntax...