Search
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project
24.8.2022
If a utility class only does one thing, chances are you don’t want it to be overridden by any styles coming from elsewhere. One approach is to use !important to be 100% certain the style will be applied, regardless of …
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project...
Removing jQuery from GOV.UK
23.8.2022
The GOV.UK team recently published “How and why we removed jQuery from GOV.UK“. This was an insightful look at how an organization can assess its tooling and whether something is still the best tool for the job. This …
Removing jQuery from GOV.UK originally published...
CSS Grid and Custom Shapes, Part 2
22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes.
Here’s just one of the fantastic grids we made together:
CodePen…
CSS Grid and Custom Shapes, Part 2 originally published...
When Do You Use CSS Columns?
18.8.2022
That ain’t rhetorical: I’m really interested in finding great use cases for CSS multi-column layouts.
The answer seems straightforward. Use columns when you want to split any content into columns, right? Here is generally the sort of example you’ll find …
When Do You...
Why (and How) I Write Code With Pencil and Paper
17.8.2022
If the thought of handwriting code seems silly, it might surprise you to know that it’s inevitable. If you’re unsure, think about the last job interview you did, and remember how there was no computer around in the interview room …
Why (and How) I Write Code With Pencil and Paper...
CSS Grid and Custom Shapes, Part 1
15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout…
CSS Grid and Custom Shapes, Part 1 originally published...
Quick Tip: Clear VS Code Cache for Open Files
11.8.2022
If you use VS Code, you might have enabled the setting for re-opening a previously open file next time the app launches. I do. I like that.
Hey, thanks for remembering, buddy! 🤗
But sometimes you really, really don’t want …
Quick Tip: Clear VS Code Cache for Open Files...
Designing for Long-Form Articles
10.8.2022
Designing a beautiful “article” is wrought with tons of considerations. Unlike, say, a homepage, a long-form article is less about designing an interface than it is designing text in a way that creates a relaxed and comfortable reading experience.
That’s …
Designing for Long-Form Articles...
Committing CSS Crimes
9.8.2022
The time for CSS-Tricks is over. Now is the time for CSS Crimes!
In this current landscape of content service providers, users are often limited to expressing themselves in text, links, and images. Sanitization rules tend to strip out HTML, …
Committing CSS Crimes originally published...
Zooming Images in a Grid Layout
8.8.2022
Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off.
Say you want to add some fancy hover effect to …
Zooming Images in a Grid Layout originally published on CSS-Tricks, which is part of...
Help Shape the Future of CSS-Tricks!
28.6.2022
Hey, so it’s been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it feels that way to you, too. Now that we’re getting settled, we’re …
Help Shape the Future of CSS-Tricks!...
Creating the DigitalOcean Logo in 3D With CSS
29.4.2022
Howdy y’all! Unless you’ve been living under a rock (and maybe even then), you’ve undoubtedly heard the news that CSS-Tricks, was acquired by DigitalOcean. Congratulations to everyone! 🥳
As a little hurrah to commemorate the occasion, I wanted to …
Creating the DigitalOcean...
CSS-Tricks is joining DigitalOcean!
15.3.2022
Hey hey!
I’ve got a big announcement to make here. (Where’s my gong? I feel like this really needs a good gong hit.)
CSS-Tricks, this very website you’re looking at, has been acquired by DigitalOcean!
You can hear …
CSS-Tricks is joining DigitalOcean! originally published...
App Platform on Digital Ocean
1.7.2021
This is new stuff from DO.
App Platform is a hosting product, no surprise there, but it has some features that are Jamstack-inspired in the best possible way, and an additional set of unique and powerful features. Let’s start with …
The post App Platform on Digital Ocean appeared first...
High Performance Hosting with No Billing Surprises
24.5.2018
(This is a sponsored post.)
With DigitalOcean, you can spin up Droplet cloud servers with industry-leading price-performance and predictable costs. Our flexible configurations are sized for any application, and we save you up to 55% when compared to other cloud providers.
Get started today. Receive...