CSS

WARNING!
Below you are about to see some CSS tips, tricks, hacks – some clever, some stupid. These are not guaranteed to work in every browser, nor do I care if they do. You’ll probably want to look at these in a webkit browser such as Chrome, Safari, Android, or Amazon Silk. I’ll apologize for how these look in Internet Explorer, if you apologize for using it to begin with.

by

The hardest part about CSS actually isn't calculating specificity. It's saying 'specificity'.

Reading Time: 8 minutes There’s a seldom-discussed concept in web software development called cyclomatic complexity which is a metric used to indicate how complex a program or unit of code is. It’s not discussed very often because, well, it’s really not exciting. You can get VS Code plugins that will measure the cyclomatic complexity and they can be somewhat

by

Screenshot of CSS with some snark

Reading Time: 3 minutes CSS continues to offer new ways to select things in ways we never could’ve imagined in the past (especially for an old timer like me). Today I want to focus on a possible (but not always probable) use-case: I have exactly n elements in a container. How can I do something only when all elements

by

Reading Time: 3 minutes So a good while back I released this CSS utility / NPM Package called typography-baseline. It was a handy way to kickstart complex web projects because it set base typographic styles. Then I needed something for tables. And then I needed something for forms, too. So, well, you guessed it. Now there are three baselines.

by

Reading Time: 3 minutes So a while back I released this CSS tool / NPM Package called typography-baseline.css. It was a pretty handy way to kickstart projects because it set some baseline styles to all my typography. More recently, I’ve come into some situations where I thought, “gee, it’d be nice if I had some starter for tables, too.”

by

Reading Time: 3 minutes I have a very handy, very small CSS Snippet that I use to debug CSS whenever the browser starts starts misbehaving. I figure I’d share with you, in case you, too, needed such a snippet.

by

Reading Time: 8 minutes
Folks who are brand new to web development, particularly front-end, might hear the term “Specificity” or “CSS Specificity” and when they look it up the answer can seem daunting and confusing.

I want to break it down in very simple, very non-technical terms so that someone brand-new to the world of front-end can understand what it is

by

generated meme of Side-eye Chloe with the text,Could you Not :not()

Reading Time: 4 minutes CSS is full of little gotchas and head scratchers. It’s also got a land mine or two that’s all too easy to step on. One of those landmines is the :not() pseudo-class. As useful as it may seem, I’d like to encourage you to not use it, unless you really, really mean to because of

by

Reading Time: 5 minutes We often spend forever learning the parts of a language, and the application, but we never read enough about how to solve problems when things go wrong. I’d like to spend some time avoiding cool new tricks and fancy features, and instead present a basic process anyone at almost any skill level could follow for

by

Reading Time: 2 minutes A good long time ago I was on a project where things had gotten off to a rocky start. We’d ended up with a fairly massive stylesheet that, amongst other problems, never set base styles on the “typographical” elements like <h1> or <blockquote>. So my task was to add baseline typographical styles. A subtask of