Ersatte 27 renderade teckenstorlekar, vars närmaste grannar låg 0,6 % från varandra, med en Major Third‑skala i sex steg, och skrev lintern som fäller den tjugoåttonde.
Arbetet utfört: augusti 2026
27 teckenstorlekar ersatta av en skala i sex steg
Situation. En mätning av webbplatsens renderade text hittade tjugosju olika teckenstorlekar i bruk. Flera skilde sig åt med mindre än en procent — fem värden mellan 0,8 och 0,85 av brödtextens storlek var i bruk samtidigt, vilket är en skillnad som ingen läsare kan uppfatta och som varje framtida redaktör kommer att fylla på. Två av rubrikerna fick ingen storlek alls av stilmallen och föll igenom till webbläsarens egna standardvärden, ett förhållande på 1,33 som inte stämde med något annat på sidan.
Uppgift. Storlekarna måste bli en skala med ett angivet förhållande, och något måste förhindra den tjugoåttonde.
Handling. Skalan är en stor ters, med förhållandet 1,25, sex namngivna steg från finstilt till displaytext, vart och ett en token snarare än ett värde. Rubrikerna mappas uttryckligen på steg i stället för att ärva det som webbläsaren tycker, vilket är det som rättade de två som inte hade någon egen storlek. Bara det nedersta steget har ett golv, så att finstilt förblir läsbart på en telefon utan att hela skalan låses fast. Logotyper undantas med namn snarare än av en slump. Lintverktyget är det som får det att hålla: det renderar webbplatsen och ger fel vid den tjugoåttonde olika storleken. Det har redan gjort sig förtjänt av sin plats två gånger — det fångade en rubrik som hamnade på 1,17 av brödtextens storlek, vilket inte är ett steg i någonting, och namngav förhållandet i felmeddelandet; och det fångade inline‑kod på 0,9, vilket är precis den sortens värde som skalan finns till för att förhindra. Tillsammans med skalan kom en radlängd på ungefär sjuttiotvå tecken, som ersatte en ärvd fast bredd som gav nittioen tecken på en genomgångssida och hundratio på kontaktsidan.
Resultat. Sex storlekar där det fanns tjugosju, med ett angivet förhållande, en angiven radlängd och en kontroll som avvisar nästa oplanerade värde. Begränsningen är verklig och ibland obekväm: en design som vill ha en storlek mellan två steg måste flytta till ett steg eller argumentera för att ändra skalan, och den diskussionen har förts och förlorats mer än en gång.
Läs vidare: Stängde färgsystemet vid 28 dokumenterade färger med en linter som fäller ett värde som målas men inte är dokumenterat, dokumenteras men inte målas, är felmätt, skrivs om som en literal eller ligger inom ett perceptuellt avstånd på 0,02 från en befintlig färg. Eller ta en titt på hela portföljen.
En del av en längre historik — och den finns i sin helhet här.
Varje post är skriven på samma sätt: situationen, uppgiften, vad vi gjorde och vad som förändrades.