CSS Tricks Article - Create Tag Cloud with CSS and JavaScript Just had my first article for CSS Tricks published, where I wrote about creating a tag cloud using some very simple CSS and JS.
A List of Every Named-CSS Colour I created a small page to display every named-css colour (or color, depending on your flavour (or flavor!) of English)!)
Website Colours Decided by Time This is a small proof-of-concept in which the colours of a website change based on the time of day.
Refactoring Some Old Code I was working on a 5-year old codebase today. Here's a tiny section of CSS that I think I tidied up quite nicely.
Get the Semantics Right, then the Styling Right: Try to Keep Everyone Happy The web is a publishing platform. First things first, we should get our semantics right, just like we expect a book publisher to do.
Viewing Your Website in Print Mode when Creating Print Stylesheets Don't want to hit print, then save as PDF, then open the PDF viewer ... again and again and again?
IE11 Flexbox Bug: flex-basis with calc when using flex shorthand When using the flex shorthand, you cannot use % for flex-basis if using calc.
CSS: Align ::before items vertically with content How do I align a custom list-style/bullet point in a list with CSS? You use flexbox!
Differentiating a Hovered Link's ::after Pseudo Element Here's a small piece of CSS - simple, but posting here for posterity - to add a different style to a hovered/focussed link's ::after pseudo element.