Co to jest?
To narzędzie, to pomocnik typografa internetowego. Pomaga w ułożeniu tekstu w ten sposób, aby powstały układ trzymał założony z góry rytm.
Jak używać tego narzędzia?
Krótko mówiąc, chodzi o to, żeby wszystkie elementy strony mieściły się w linijkach podziałki rytmicznej.
Należy tak dobrać wysokość czcionki (font size), wysokość wiersza (line height) oraz marginesy, aby tekst trafił dokładnie w pomiędzy linie podziałki.
Nagłówki mogą zaburzać rytm (nadając swój własny), ale następny element (paragraf) powinien znowu trafić na linię. Nieregularne położenie elementu względem linii rytmu możesz skorygować zmieniając marginesy (margin top
, margin bottom
)
Aby tekst miał prawidłowy rytm, linie podziałki elemenu i podziałki globalnej muszą się na siebie nakładać.
Tutorial
Spróbuj sam: dobierz ustawienia według własnego uznania, tak aby tekst w paragrafach układał się dokładnie pomiędzy liniami podziałki globalnej.
Aby wybrać element, który chcesz zmienić, kliknij na niego.
Opcja „smart update” automatycznie aktualizuje line height
wartością z suggested line height
(tak aby w sumie wysokość była równa założonej wartości rytmu)
Włączać widoczność menu możesz skrótem (acesskey) O (w moim Firefoxie Alt+O)
Linki
Więcej informacji o rytmie w tekście
Inne
- Generator Lorem Ipsum Panta Deusz
- TypeTester
- em Calculator
- Poprawna interpunkcja w internecie
- typografia.ogme.pl
ToDo
- poprawić działanie podziałki pod IE
- przeliczanie jednostek em/ex/pt/px
- dodać opcję: wszystkie paragrafy takie same jak pierwszy
- dodatkowe elementy do edycji (listy, linki, cytaty, kod itp.)
- możliwość zmiany kolorów elementu
- możliwość zmiany tekstu elementu