Search

Post types:
Categories:
πŸ”–

Creative Google fonts

Read Note

100 separate typographic designs, all using free Google fonts, with some absolutely stunning results. What Do-Hee has put together is one of the best showcases for Google's font library, as well as …

πŸ”–

Favourite fonts of 2020

Read Note

When ilt recommends a font, I listen. When they recommend a whole batch, I bookmark it for future reference πŸ˜‰ Particular favourites from a first …

πŸ“–

Cosmic Sans: The New Greatest Font!

Read Article

April Fools has been a bit bland this year. Google's far too literal mic drop aside, most have been played out reruns of previous gags or distinctly predicable. The US has gone in for the election, …

πŸ”–

Atkinson Hyperlegible

Read Note

A font designed to make text as legible as possible. Particularly impressive attention to making sure letterforms are still distinctive even when extremely blurred. Best of all: it's completely free …

πŸ”–

Types of type

Read Note

Apparently, the type design world has recently thrown out its formal classification system and has yet to decide on a replacement. ILT (as ever) does a great job of summarising the current …

πŸ”–

Marbla

Read Note

A playful and fun new variable font, which lets you control the amount of thickness in three novel ways: ink trap, ballooning, and curve. The result are letterforms that almost seem to disassemble as …

πŸ”–

Captain Edward font

Read Note

A beautiful new serif font from Simple Bits based on old nautical typography. There's something about the alternate ligatures and subtle roundness to the serifs that I utterly adore. Plus, the …

πŸ”–

The struggle of emoji on the web

Read Note

I use emoji quite a lot on this site, which means I'm already aware of some of the more unusual browser/OS quirks. Don't ever use flag emoji (except pirate πŸ΄β€β˜ οΈ) because Microsoft refuses to …

πŸ“–

Grid Lock

Read Article

An attempted experiment to replicate the blog layout of ilovetypography.com, which uses floats to great effect, with more modern CSS Grid and Flex techniques. Turned out to not be quite so simple, but taught me a lot about the benefits and limitations of CSS Grid.

πŸ“–

Sparkbox Notes

Read Article

Notes from my second fully remote conference, this time Sparkbox's UnConference. Being able to freely access talks from the US is a rare bonus of everything going on right now, and this did not disappoint. Musical cameos, great talks on UX, accessibility, design systems, and amazing speakers. Great event (despite the time difference).

πŸ”–

A modern CSS reset

Read Note

Andy always has some interesting thoughts about CSS, and this reset is no exception. Lots of interesting things here that fit very nicely with both my own experience and other resets that I've …

πŸ”–

Performative performance

Read Note

A thoughtful look at the idea of sustainability in web development and design, particularly in terms of whether worrying about an individual design choice's carbon footprint is meaningful or simply …

πŸ”–

Why centring is so hard

Read Note

Every web developer has torn their hair out trying to align an icon with some text, or two separate pieces of text with each other, or (god forbid) a whole sequence of text nodes, icons, form …

Published:
Categories:
  • HTML & CSS
  • Typography
  • Web Design
Tags:
πŸ”–

Jamstack slide decks

Read Note

I needed to throw together a quick presentation for an internal team meeting at work, but I've maxed out my Slides.com free usage and really hate Google's offering, so went digging for something …