#css - Liam Hammett

Generating utility classes with Sass

Feb 13th 2019 · #css #tweet

@SassCSS can be quite powerful too. It may not be as pretty as it being done in JavaScript, but you can make a couple of mapping tables and generate all the slightly different utilities you want... like spacing utilities:https://t.co/JNfz7PPVtk pic.twitter.com/kp4TczQBaL
— Liam Hammett (@LiamHammett) February 13, 2019

Use small-caps to open an article's first paragraph

Nov 14th 2018 · #css #tweet #ui

✍️ Try setting the introductory clause of an article to smallcaps to give it some emphasis and style pic.twitter.com/Mj9Lj6yLEE
— Liam Hammett (@LiamHammett) November 14, 2018

CSS Filter Utility Classes

Sep 12th 2018 by Liam Hammett · 4 minute read · #css

(Ab)using CSS variables to apply multiple filters with one utility

Note: This article has a CodePen demo with inline examples, check it out towards the end.

The filter property is a bit of an oddity when it comes to CSS.

Use Operator on Any Website

Jul 5th 2018 by Liam Hammett · 3 minute read · #typography #css

Operator is a beautiful monospaced typeface that took the world by storm as it proved that coding typefaces can be both elegant and functional.

One way it helped stand out from the crowd is how certain italic glyphs take inspiration from script typefaces, making them distinct from the ordinary characters.

Improve it again by adding coding ligatures to it with Operator Mono Lig and you’ve got one swish font to code in!