1px solid red
Špičková sada nástrojů pro ladění rozvržení, kontrolu typografie a ověření OG.
1px solid red je rozšíření Safari pro webové vývojáře a designéry. Před nasazením odpoví na dvě otázky: sedí rozměry a mezery a čte se text dobře? Funguje na iPhonu a iPadu, kde Web Inspector v Safari potřebuje Mac a kabel, i na Macu.
Měření
- Mezery bez klikání. Najeď do prázdného místa mezi dvěma prvky a mezera se změří. Na dotykovém displeji na ni klepni.
- Vzdálenosti. Zamkni prvek a ukaž na další. Uvidíš, co je mezi nimi.
- Vodítka. Posouvají se se stránkou a ukládají se pro každý web. Potřebují klávesnici.
- Tvoje jednotky. Přepínáš mezi px, rem, em a ch.
Text
- Skutečné znaky na řádek. Spočítané z řádků, které Safari opravdu vykreslí: medián, nejkratší a nejdelší.
- Řádkování a písmo. Řádkování jako poměr k velikosti písma a písmo, které se opravdu použilo.
- Kontrast dvakrát. WCAG 2 a APCA vedle sebe, s hranicí APCA pro skutečnou velikost a tučnost. APCA je návrh, takže je to druhý názor.
- Celá stránka. Přehled vypíše všechny bloky textu, nejhorší první.
Nálezy, které předáš dál
Každý nález zkopíruješ jako Markdown, nebo uděláš snímek s vyznačenými rozměry.
V plánu: ověření OG
Další krok po verzi 1.0: jak bude vypadat sdílený odkaz, zkontrolované přímo na stránce, takže to funguje i na localhostu a za přihlášením.
Nic neopouští tvoje zařízení
Žádný účet, žádný server, žádná analytika. Rozšíření nedělá žádné síťové požadavky. Zásady soukromí
Kde ji získat
Ve vývoji, míří do App Storu. Anglicky, česky, slovensky a německy.