The author, Richard Rutter, discusses several CSS properties that need better support from browser makers, emphasizing the importance of typographic features for web design. He lists issues such as the lack of support for 'font-va...
About:
Richard Rutter is a web designer and typography enthusiast, co-founder of Clearleft, and a Chelsea FC fan based in Brighton, England.
Website:
Specializations:
Interests:
Incoming Links:
Subscribe to RSS:
The blog post discusses the outcomes of the Leading Design program held by Clearleft, where 40 design leaders gathered to explore the implications of artificial intelligence (AI) in design leadership. It emphasizes the need for de...
The post previews a presentation on the latest advancements in web typography, showcasing new CSS features that enhance creativity and design efficiency.
The post explores the historical significance of broadcasting and parallels it with AI, advocating for a responsible approach to technology for the betterment of society.
The author and his friend Andy Clarke are starting a podcast called Unfinished Business, where they will discuss their experiences running design agencies and the intersection of design and business. They plan to have guests from ...
0Opening up ‘Unoffice hours’
2025-04-04 • business networking chat office hours
Unoffice Hours is a pandemic-induced twist on office hours, allowing for 30-minute chats about anything with no sales pitches. It is an extended water cooler chat or coffee meeting, available every Friday morning. The author is op...
The text is a response to Miriam Suzanne’s post on fluid typography. The author disagrees with some points but appreciates the discussion. The text discusses the use of viewport units in fluid typography and the importance of type...
The text discusses the ethics of using AI, including generative AI and large language models. It highlights opposing views on the usefulness of AI, its role in design, and its impact on the public sector. The author also addresses...
0The web on mobile (a response)
2025-02-25 • web development mobile apps
The author responds to Jeremy's post about the challenges of using websites on mobile phones, blaming developers and designers for the poor user experience. However, the author also points out that the decision-making process goes...
The text discusses the issue of faux bold text in web design, particularly in Safari and Firefox, and how to fix it. It explains the problem with the @font-face definition and provides a better approach to using typeface families ...
The author discusses the process of creating a dark mode toggle for his website, covering accessibility issues, new and older CSS, color theory, SVGs, and typography. He explains his motivations for creating the toggle and the pro...
0Highlighting code syntax in Keynote
2025-01-07 •
The text discusses the time-consuming task of highlighting code syntax for technical talks at conferences. The author shares their recent discovery of tools and methods for syntax highlighting in Keynote, including features in the...
0On the road to recovery
2024-11-18 •
The blog post is a personal account of the author's experience with long Covid and a pulmonary embolism, detailing his symptoms, hospital visit, and recovery. The author expresses gratitude to the hospital staff and criticizes the...
0The problem with superscripts and subscripts
2024-09-25 •
The blog post discusses the problem with superscripts and subscripts in web design, and how browsers handle these elements. It explains the downsides of using the <sup> and <sub> elements, and how browsers can swap in OpenType gly...
TODS is an open source typography and opentype default stylesheet that sets sensible typographic defaults for use on prose, making use of the font features provided by OpenType. It can be used as a starting point for all projects ...
The post discusses the use of the ch unit to specify the maximum length for a line of text, arguing that it is inappropriate in certain circumstances. It explains that the ch unit specifically refers to the width of the zero '0' c...
0A modern approach to browser support
2024-06-04 •
The blog post discusses the importance of having a browser support policy and how Clearleft decided to rectify that. They focus on outcomes for the user rather than specific browser versions, using the Baseline initiative to deter...
0Dao Day 2024 – a regression in the making
2024-04-07 •
The blog post reflects on the impact of John Allsopp's article 'A Dao of Web Design' 24 years after its publication, discussing the evolution of web design and the current battle against regression. It emphasizes the importance of...
0Design does not mean innovation
2024-04-04 •
Design is not about innovation or creativity, but about de-risking business and fixing the basics. It is more about service design and keeping things alive, making them work better and easier, and keeping customers, citizens, and ...
0Retrofitting fluid typography
2024-03-01 •
The blog post discusses the concept of retrofitting fluid typography, using the example of the Creative Boom website. It explains the process of converting the website to fluid typography, defining type scales, and applying fluid ...
The blog post discusses the role of responsive typography in design systems and the upcoming talk at Patterns Day. It emphasizes the importance of typography in web design and the need for a systematic approach to fluidity in resp...
The author discusses the success of his ebook on web typography, but expresses embarrassment over how it renders in Apple Books and other ebook readers due to typographic issues. He explains the lack of support for CSS properties ...
0Preventing too-short final lines of text blocks
2023-03-20 •
The blog post discusses the challenges of preventing too-short final lines of text blocks and the potential solution proposed by the CSS Working Group. It explores the concept of Last Line Minimum Length and the proposed min-last-...