Better Typography
Zasady czytelnej i dostępnej typografii internetowej
Instalacja
Zawiera skryptyhttps://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
Profesjonalna typografia internetowa
Kompleksowy przewodnik po stosowaniu zasad typografii, które zwiększają czytelność i dostępność tekstu w interfejsach cyfrowych. Nacisk położono na umiar i przejrzystość: rozsądne skale typograficzne, wygodne odstępy i odpowiedni kontrast zamiast dekoracyjnych ozdobników.
Najważniejsze cechy
- Skale typograficzne i hierarchie nagłówków zgodne z poziomami semantycznymi
- Ładowanie fontów w formacie .woff2 i używanie właściwości CSS zamiast surowych znaczników funkcji
- Ustawienia interlinii, długości wiersza i zawijania tekstu zapewniające wygodne czytanie
- Zagadnienia typografii mobilnej, takie jak powiększanie pól formularzy w iOS i responsywne rozmiary tekstu
- Wzorce dostępności obejmujące kontrast, zaznaczanie tekstu i funkcje OpenType
- Techniki CSS do skracania tekstu, liczb tabelarycznych i stylizacji znaków interpunkcyjnych
Umiejętność jest przeznaczona dla programistów frontendowych i projektantów tworzących profesjonalne interfejsy. Zawiera materiały dotyczące wyboru fontów, technik CSS, obliczania odstępów i dostępności. Każda sekcja oferuje konkretne zalecenia i wzorce kodu, które można zastosować od razu.
Podobne umiejętności
Better Layout
UmiejętnośćUporządkuj układ, odstępy i hierarchię wizualną
Frontend Design
UmiejętnośćKierunek projektowy dla interfejsów bez szablonowego wyglądu
Canvas Design
UmiejętnośćTworzy plakatowe projekty PNG i PDF według spójnej koncepcji
Komentarze(0)
Zaloguj się, aby skomentować