🔖 !important custom properties “Using !important with custom properties might not work as you expect.” published Tuesday, November 15th, 2022 bookmark
The Environment-Aware Wrapper Here’s a handy CSS technique to make sure your content isn’t obscured by the pesky notch that seems to be present on many phones these days, and it probably already fits nicely into your existing codebase! published Sunday, October 30th, 2022 article
Moving Targets I was just working on some styling changes to my website and fell into a rabbit-hole on URLs, the <mark> element and :target pseudo-class, and ended up writing an animation as a handy technique for drawing the reader’s attention. published Wednesday, October 19th, 2022 article
A Case for the 1-Dimensional Grid Reaching for Grid might feel like overkill for a one-column layout, but I hope this technique shows how useful it is in understanding what your CSS is doing! published Tuesday, September 6th, 2022 1 response to A Case for the 1-Dimensional Grid article
It’s all relative! What’s the deal with relative units? Let’s find out. published Monday, August 15th, 2022 1 response to It’s all relative! article
I’ve got a quick little nugget of CSS to share today, a selector containing all interactive content. published Tuesday, May 17th, 2022 note
The Beloved Refactor Following the incredible high from a great conference, I just finished an extremely refreshing refactor of the CSS on my site. Here’s what I did. published Wednesday, May 11th, 2022 article
in reply to Writing CSS with Purpose by Binyamin Green Finding Purpose in CSS I think you hit the nail on the head with this one. As I like to think CSS is my strongest language (the ego on this guy, honestly), your simile with the layout of a keyboard was spot on—layout, in particular,… published Friday, January 21st, 2022 note
Deep Dive into Colour How to make powerful use of CSS Variables, colour spaces, and the cascade using Bowhead. updated Wednesday, May 11th, 2022 published Sunday, November 28th, 2021 2 responses to Deep Dive into Colour article
Sassy Lobotomised Owl Managing spacing between elements and components on your page can be a tiring task if undertaken manually. This is where the lobotomised owl comes in: a short, simple snippet of CSS that simplifies this whole process for you. In this article I’ll explain how I make use of it in a more dynamic way using a SCSS mixin. updated Monday, November 29th, 2021 published Tuesday, January 14th, 2020 33 responses to Sassy Lobotomised Owl article
The Flip-Flop Technique I recently implemented a colour scheme toggler in the footer of my website, following Andy Bell’s guide, Create a user controlled dark or light mode, and found a wonky but fun alternative solution for styling my dark theme which leverages CSS’s filter property. updated Monday, September 7th, 2020 published Friday, August 30th, 2019 11 responses to The Flip-Flop Technique article
Variables for Both Now that CSS Custom Properties, or CSS Variables, are becoming a solid standard, I'm using a method to map their values to CSS Variables whilst providing a value-as-is fallback using a straightforward syntax in a SCSS function and mixin. updated Thursday, May 6th, 2021 published Monday, October 15th, 2018 9 responses to Variables for Both article
Remapping Ranges in Sass Great inspiration can sometimes be found in exploring available opportunities and embracing new ideas. In this article, I'll try to replicate a foreign concept in a familiar way, and explain why I decided to even do it. published Thursday, June 15th, 2017 article
April LWS Talk I gave a talk at London Web Standards and asked the question, So how can we write media queries that are both consistent and succinct? published Friday, April 29th, 2016 article
Shoot for the Moon Don't be half-minded when dealing with fractions and pixels. How can we ensure all browsers interpret fractions in our CSS equally? published Wednesday, March 23rd, 2016 article
An Extended Response If you've dabbled in Sass before, you're likely familiar with @extend and @mixin, but is there any use-case for @extend? Given the benchmark performance of the two, can we still be confident in the cascade when @extending in Sass? published Friday, March 18th, 2016 article
Backscratching Revisited I revised my original technique for styling default elements and took it a step further to scratch the greatest number of backs. published Monday, June 8th, 2015 article
Theming Pinboard I recently decided I would embark on the task of theming Pinboard. Here's how I did it. published Thursday, March 12th, 2015 article
A Slice of Heaven We know that webpages are composed of text and boxes. Lots and lots of boxes. But with the power and might of CSS3 we can do some fancy stuff that never used to be possible. published Wednesday, August 27th, 2014 article
Let’s Look Back I haven't published a new article in a while now, but I haven't been twiddling my thumbs. Let's look at what happened behind-the-scenes in the last eight months since my first article. published Sunday, February 9th, 2014 2 responses to Let’s Look Back article
I’ll Scratch Your Back, And Mine Too I've been playing around with CSS content and attribute selectors recently, and came across a useful trick for styling default elements. updated Saturday, June 6th, 2015 published Tuesday, October 29th, 2013 article
Persistent Shadows How easy is it to keep a shadow's direction consistent whilst rotating an element? published Tuesday, June 18th, 2013 article
Annoying Navigation CSS Navigation is crucial to a functional website. It is how your users find the information they're after; get it right, and your users are happy—get it wrong, and they go insane! published Sunday, June 16th, 2013 article
First Article Ever Well, I've finally gotten my site up and running to a point where I can consider it to be a success. What was the process, and what did it involve? What mistakes did I make that you can avoid? published Saturday, June 15th, 2013 article