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.
articleSCSS
2022 1 post Permalink ¶
2021 1 post Permalink ¶
Deep Dive into Colour
How to make powerful use of CSS Variables, colour spaces, and the cascade using Bowhead.
article2020 1 post Permalink ¶
Bowhead
Memorable and maintainable design tokens in SCSS.
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.
article2018 1 post Permalink ¶
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.
article2017 3 posts Permalink ¶
No Three Snowflakes Are Alike
I developed a Sass function to generate a list of unique pairs given a List or Map of data, so I extrapolated the idea and refactored the function to generate a series of unique groups of size n.
articleUnique Pairs in SCSS
In creating a from-scratch grid for a redevelopment project, I was using SCSS to loop through various bits of data to generate a bunch of repetitive CSS, but I realised I had no DRY way of generating a list of unique pairs of items from a given dataset, so I set out to find out how.
articleRemapping 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.
article2016 1 post Permalink ¶
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?
article2015 1 post Permalink ¶
Backscratching Revisited
I revised my original technique for styling default elements and took it a step further to scratch the greatest number of backs.
article2014 1 post Permalink ¶
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.
article