Better Typography
Webbtypografi för läsbar och tillgänglig text
Installera
Innehåller skripthttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Utvecklare
- Jakub Krehel
Professionell typografi för webben
En heltäckande guide till typografiska principer som gör text läsbar och tillgänglig i digitala gränssnitt. Fokus ligger på återhållsamhet och tydlighet: välavvägda typografiska skalor, behagliga mellanrum och tillräcklig kontrast i stället för dekorativa utsmyckningar.
Höjdpunkter
- Typografiska skalor och rubrikhierarkier som följer de semantiska nivåerna
- Typsnittsladdning med formatet .woff2 och CSS-egenskaper i stället för råa funktionstaggar
- Inställningar för radavstånd, radlängd och textbrytning som ger behaglig läsning
- Mobiltypografiska frågor som zoomning i iOS-inmatningsfält och responsiva teckenstorlekar
- Tillgänglighetsmönster för bland annat kontrast, textmarkering och OpenType-funktioner
- CSS-tekniker för textavkortning, tabellsiffror och formatering av skiljetecken
Utformad för frontendutvecklare och designers som bygger professionella gränssnitt. Färdigheten innehåller referensguider om typsnittsval, CSS-tekniker, beräkning av mellanrum och tillgänglighetsfrågor. Varje avsnitt ger konkreta rekommendationer och kodmönster som kan användas direkt.
Liknande färdigheter
Better Layout
FärdighetSkapa layoutstruktur, avstånd och visuell hierarki
Frontend Design
FärdighetDesignriktning för gränssnitt som inte känns mallbaserade
Canvas Design
FärdighetSkapar affischliknande verk i PNG- och PDF-format
Kommentarer(0)
Logga in för att kommentera