From clagnut.com
What I learned by creating a dark mode toggle
1 1
The short answer is: quite a lot. The long answer covers some accessibility issues, some new CSS, some slightly older CSS, some high level colour theory, a bit about SVGs, and some typography finessing; all of which I’ll cover in this post.
20h ago
From clagnut.com
Highlighting code syntax in Keynote
0 0
How to quickly get code syntax highlighting in Keynote without having to select each bit of code and changing the colour manually.
on Jan 9
From clagnut.com
0 0
There used to be a page on Wikipedia listing pangrams in various languages. This was deleted yesterday. Pangrams can be occasioanlly useful for designers, so I’ve resurrected the page of here, pretty much as it was in Wikipedia.
on Dec 8
From clagnut.com
The problem with superscripts and subscripts
0 0
A bug in Chromium and Safari makes support of proper superscript and subscript characters problematic. See exactly why, and what you might be able to do about it.
on Oct 4
From clagnut.com
Introducing TODS – a typographic and OpenType default stylesheet
0 0
Introducing a new open source web typography project. The idea is to have a default CSS file to set sensible typographic defaults for use on prose text, making particular use of the font features provided by OpenType.
on Sep 23
From clagnut.com
Use of ch unit considered inappropriate (in certain circumstances)
0 0
When did we start using the ch unit to specify the maximum length for a line of text in CSS? To do so makes assumptions that don’t necessarily hold up, and there are more appropriate units to use. Also: was it my fault?
on Jun 26
From clagnut.com
A modern approach to browser support
0 0
Recently we realised Clearleft didn’t have a written browser support policy. Rather than fixating on specific browsers, we needed to a policy that considered capabilities and outcomes for users. It turns out there’s an initiative for that.
on Jun 4
From clagnut.com
Dao Day 2024 – a regression in the making
0 0
It’s twenty four years to the day since A List Part published John Allsopp’s seminal treatise A Dao of Web Design. But all this time on, we’re still making the same mistakes.
on Apr 9
From clagnut.com
Design does not mean innovation
0 0
Design has nothing to do with innovation and little to do with creativity. For the most part it’s there to help de-risk your business, but we tend not to talk about it like that.
on Apr 4
From clagnut.com
0 0
As part of my forthcoming Patterns Day talk I decided to rebuild the newly redesigned Creative Boom article page using Utopian fluid typography to replace its multitude of breakpoints. This is the story of why and how.
on Mar 4
From clagnut.com
Responsive typography and its role in design systems
0 0
Later this year I’ll be talking at Patterns Day. Jeremy asked me to weave responsive typography into his narrative of the day. How do I explain something as all-encompassing as typography within something so potentially granular as a design system?
on Jan 20
From clagnut.com
0 0
Text for the screen is sized with CSS in terms of pixels, ems or keywords. Pixels is easy, keywords are well documented. That leaves ems. I will now attempt to show you how ems can be as quick and easy to use as pixels.
on Oct 16, 2023
From clagnut.com
Pagination widows, or, Why I’m embarrassed about my ebook
0 0
The handling of widowed headings across pages in Apple Books is of particular concern. Since 1997, CSS has had properties to handle this, and yet browsers including Safari and Firefox still don’t support them – why not?
on Oct 15, 2023