Better Typography
Webtypografie voor leesbare en toegankelijke tekst
Installeren
Bevat scriptshttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Auteur
- Jakub Krehel
Professionele typografie voor het web
Een uitgebreide gids voor het toepassen van typografische principes die tekst in digitale interfaces leesbaar en toegankelijk maken. De nadruk ligt op terughoudendheid en duidelijkheid: logische typografische schalen, prettige witruimte en voldoende contrast in plaats van decoratieve versieringen.
Hoogtepunten
- Typografische schalen en koppenhiërarchieën die de semantische niveaus volgen
- Lettertypen laden in .woff2-formaat en met CSS-eigenschappen in plaats van onbewerkte feature-tags
- Instellingen voor regelhoogte, regellengte en tekstomloop die prettig lezen ondersteunen
- Aandachtspunten voor mobiele typografie, zoals iOS-zoom bij invoervelden en responsieve lettergroottes
- Toegankelijkheidspatronen voor contrast, tekstselectie en OpenType-functies
- CSS-technieken voor tekstafkapping, tabelcijfers en interpunctieopmaak
Ontworpen voor frontendontwikkelaars en ontwerpers die professionele interfaces bouwen. De skill bevat naslaggidsen voor lettertypekeuze, CSS-technieken, berekeningen voor witruimte en toegankelijkheid. Elke sectie biedt concrete aanbevelingen en codepatronen die je direct kunt toepassen.
Vergelijkbare skills
Better Layout
SkillBreng structuur, witruimte en visuele hiërarchie aan
Frontend Design
SkillOntwerprichtlijnen voor interfaces zonder sjabloonuitstraling
Canvas Design
SkillMaakt posterachtige PNG- en PDF-ontwerpen vanuit een visie
Reacties(0)
Log in om te reageren