Search

Whilst I've used fluid typography on several site designs (typically via Utopia's calculator), I've always been a bit wary about the base assumptions and potential accessibility issues that it can …

I've been saying for a couple of years that we are on the brink of a "fluid design" revolution in front-end development, similar to what happened around the late 2000s with "responsive design". …

A simple and informative example of how the new CSS clamp property can be used to create fluid layouts (in this case, specifically a fluid type …

An elderly gent who inadvertently had his satnav set to "Rom" instead of "Rome" and wound up in the wrong country;A pilot that incorrectly input destination coordinates causing a …

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 …

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 …

An intriguing new project from some of the brains at ClearLeft for "elegantly scaling type" on the web. Personally, I'm all for anything that reduces or removes the need for breakpoints in my …

Where has this article been my whole life! Andy's posts are often brilliant, but this an absolute gold mine of information, from ideal character lengths to clever type-setting tricks. And I thought I …

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 …

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 …

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 …

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 …

Senongo Akpem’s Cross-Cultural Design has been on my radar a lot lately; I probably should pick it up. In the meantime, A List Apart have released a little subsection with some …

Domaine Text. Feijoa. Heldane Text. …

System fonts are often overlooked, but they come with a massive list of advantages: environmental, performance, data …

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, …

A List Apart has long been a fantastic source of knowledge and inspiration in terms of both website design and writing, but on top of these accolades every now an then it manage to …

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

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 tale of Hans Gensfleisch, later Johannes Gutenberg, and the invention of the Gutenberg press. Packed with interesting historical …

Are there any concerns with using superscript and subscript when crafting content for the web?

An interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd …

In other words, text speech or a variant on modern emoji speech. Cool/❄ …

A bespoke stylesheet that automatically styles semantic HTML to look like …

What a wonderful project. The folk at Paravel have taken the Sherlock novel A Scandal in Bohemia and recreated it as a bespoke website. Of course, the whole site is beautifully designed, but …

An interesting thought experiment from Chris: if a client asked you to build a website that could last a minimum of 10 years, what would you do? Lots of influential people in his answers, but I'm …

I have no idea how useful this little web-app may actually turn out to be, but it's definitely a neat idea (and I wrote all of this in it too!). "The Most Dangerous Writing App" is certainly an odd …

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.

Oh dear. Tim's put together some actual numbers on the impact that using a frontend framework has on the user. As a proponent of the Jamstack, which pretty much has JavaScript frameworks at its core, …

Well, it only took about a week of dazed puzzling, data tables, and tearing my hair out in clumps, but I think I may finally have a rough content taxonomy for theAdhocracy. A rough first version, that is. Let me explain...