CSS
-
Not Sure How to WordPress Anymore?
Neither do I! And that’s probably because there’s a lot happening in WordPress-land. The evolution towards full-site editing (FSE)...
-
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project
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...
-
Removing jQuery from GOV.UK
The GOV.UK team recently published “ How and why we removed jQuery from GOV.UK “. This was an insightful look at how an organization...
-
CSS Grid and Custom Shapes, Part 2
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...
-
When Do You Use CSS Columns?
That ain’t rhetorical: I’m really interested in finding great use cases for CSS multi-column layouts. The answer seems...
-
Why (and How) I Write Code With Pencil and Paper
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...
-
TypeScript vs JavaScript: Which One You Should Use, and Why
In this TypeScript vs JavaScript comparison, you'll learn about TypeScript's advantages and disadvantages, and when and when not to use it....
-
A Guide to Python Multiprocessing and Parallel Programming
Learn what Python multiprocessing is, its advantages, and how to improve the running time of Python programs by using parallel programming....
-
CSS Grid and Custom Shapes, Part 1
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...
-
Quick Tip: Clear VS Code Cache for Open Files
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....
-
Designing for Long-Form Articles
Designing a beautiful “article” is wrought with tons of considerations. Unlike, say, a homepage, a long-form article is less about designing an...
-
Committing CSS Crimes
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...
-
Zooming Images in a Grid Layout
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...
-
How I Added Scroll Snapping To My Twitter Timeline
CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a...
-
Actually, the San Francisco Typeface Does Ship as a Variable Font
Apple unveiled an expanded version of its San Francisco system font at WWDC 2022. Then, last month, Jim Nielsen zeroed in on the font’s...
-
Converting Speech to PDF with NextJS and ExpressJS
With speech interfaces becoming more of a thing, it’s worth exploring some of the things we can do with speech interactions. Like, what if we...
-
Implicit Grids, Repeatable Layout Patterns, and Danglers
Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle...
-
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers
When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we...
-
Scroll Shadows? Pure CSS Parallax? Game Back On.
Chris calls scroll shadows one his favorite CSS-Tricks of all time. Lea Verou popularized the pure CSS approach using four layered...
-
Recreating MDN’s Truncated Text Effect
It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun...
-
Why I Chose Angular to Build a URL Shortener
URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a...
-
Roundup of Recent Document Outline Chatter
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged...
-
Logical Properties for Useful Shorthands
Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into...