Posts
Quicksort for Coding Interviews
Quicksort is the best. Itâs fast and easy to write in coding interviews. Here are my go-to variants written in TypeScript.
Understanding feColorMatrix SVG Filters
Like all SVG filters, <feColorMatrix> is extremely powerful and super weird to learn the first time. Iâm bad at explaining, so hereâs a bunch of interactive demos that hopefully help it all makes sense.
Chromatic Aberration with SVG Filters
Get that lo-fi, old school, VHS quality look with color fringing thanks to SVG filters.
Storage with Cloudflare Domains & R2
Learn how to host files on the web using Cloudflareâs R2 bucket storage and inexpensive domain registration.
Styling Underlines on the Web
There are many different ways to underline text on the web. From tried-and-true CSS to SVG filters, these are some of the methods you can use.
Styling Fallback Fonts with Sass
One of the pain points of loading fonts asynchronously is writing convoluted CSS for fallback styles. Fortunately, Sass can make it easier to achieve great-looking web typography before a siteâs fonts finish loading.
Styling Text with SVG Filters
With SVG filters, you can build reusable effects for applying custom styles to text. Hereâs how to recreate the iconic typography on a US dollar bill using SVG filters.
Sidebearings & Alignment
When using different font sizes throughout a design, youâll need to account for sidebearings to keep the type looking properly aligned.
Making Sense of Ch Units
If you try to use ch units with most fonts, things will probably end up broken. Here are some of the issues youâll come across as well as ways you can fix them.
Kerning & Ligatures in Letterspaced Type
Letterspacing affects typeâs horizontal rhythm, and so do kerning and ligatures. Combining all three of them can make for beautifully spaced typography.
Guidelines for Letterspacing Type
Outside of line height and vertical rhythm, spacing doesnât get a lot of attention in web typography. Letâs zoom in on letterspacing and best practices for spacing type horizontally.
Typographic Units in CSS
CSS offers many more units than pixels, ems, and percentages. Out of all the units available to us, I find two the most intriguing: ex and ch.
Filtering Google Results with Alfred
Google offers powerful filters for search results that can help you find exactly what youâre looking for â it just isnât quick or easy to do. By using Alfred, you can configure these searches once and reuse them whenever you want.
Ampersands & Google Fonts
Titles, headings, and display text can all benefit from the use of a well-placed ampersand. Today Google Fonts makes using beautiful ampersands on the web easier and more widely supported than ever before.
Responsive Footnotes
Footnotes and sidenotes are both useful ways to annotate online blog posts and articles. With the help of responsive design, itâs now possible to use both approaches at the same time.