Better Typography
Principii de tipografie web lizibilă și accesibilă
Instalare
Include scripturihttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Autor
- Jakub Krehel
Tipografie profesională pentru web
Un ghid cuprinzător pentru aplicarea principiilor tipografice care fac textul lizibil și accesibil în interfețele digitale. Accentul cade pe sobrietate și claritate: scări tipografice coerente, spațiere confortabilă și contrast suficient, nu pe ornamente decorative.
Puncte forte
- Scări tipografice și ierarhii ale titlurilor care urmează nivelurile semantice
- Încărcarea fonturilor în format .woff2 și folosirea proprietăților CSS în locul etichetelor brute pentru funcționalități
- Setări pentru înălțimea rândurilor, lungimea liniei și încadrarea textului, pentru o lectură confortabilă
- Aspecte de tipografie mobilă, precum mărirea automată a câmpurilor pe iOS și dimensiunile adaptive ale fonturilor
- Modele de accesibilitate pentru contrast, selectarea textului și funcționalitățile OpenType
- Tehnici CSS pentru trunchierea textului, cifre tabelare și stilizarea semnelor de punctuație
Conceput pentru dezvoltatori frontend și designeri care construiesc interfețe profesionale. Skill-ul include ghiduri de referință despre alegerea fonturilor, tehnici CSS, calcularea spațierii și cerințe de accesibilitate. Fiecare secțiune oferă recomandări concrete și modele de cod care pot fi aplicate imediat.
Skill-uri similare
Better Layout
SkillDefinește structura, spațierea și ierarhia vizuală
Frontend Design
SkillDirecție de design pentru interfețe fără aspect de șablon
Canvas Design
SkillCreează afișe PNG și PDF pe baza unei viziuni de design

Comentarii(0)
Autentifică-te pentru a comenta