One Neat CSS Trick
Using pseudo-selectors like :where and :not to invert style rules, allowing for better code encapsulation and context sharing across a codebase.
Archives
Modern CSS for dynamic component-based architecture
A lovely overview of much of the new CSS that has landed (or is landing) in browsers recently, and how that relates to component-led […]
Styled Component Quirks
Styled Components have tripped me up a few times today, but I ended up learning some useful tricks as a result.
Styled components best practice
I'm always interested to see how other people utilise styled-components and the tips Josh shares offer exactly that kind of insight. I fundamentally disagree with his take on descendent selectors […]
The markup de-crapulator
A humorous but useful tool that strips out all the mess that things like Styled Components and React make out of HTML and lets you properly view the source of a page. (and yeah, I use those same […]
Animated Content Placeholders
What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
CSS variables for React devs
Josh breaks down why and how you can use CSS variables more easily in React, specifically using styled-components. Honestly it feels a little terrifying how much is needed just to get basic […]
Cube CSS
I think there's some real merit to Andy's ideas behind Cube CSS. It's a middle-ground between everything-in-JS or BEM that throw out the cascade entirely and the free-for-all that can happen if you […]
Adding Search: Refining The Frontend (Algolia, Gatsby, Craft CMS - Part 3)
The search page is live, the index is populated, but it all looked a bit rubbish and it didn't quite work as well as I wanted. Now it's using custom-styled components, queries are tracked/stored via the URL for persistence, and you can filter results based on category.