Nikdy mě nepřestane udivovat, že lidé musí na webové stránce hledat odkaz nebo tlačítko s nápisem „Tisk“, zvláště když vezmeme v úvahu zázračnou technologii, díky níž je tento krok zbytečný. Je smutné, že ho téměř nikdo nepoužívá, i když je ... 10 let starý.
Nejen, že je hloupé vyžadovat další krok pro tisk, ale použití šablon stylů tisku by ušetřilo trochu inkoustu pro kohokoli, kdo nepoužívá odkaz pro tisk. A samozřejmě existuje spousta lidí, kteří pomocí tisku do PDF ukládají články na později, aniž by plýtvali papírem.
Co jsou šablony stylů tisku?
Většina webových stránek implementuje svou tiskovou funkci tím, že vás přesune na jinou stránku, která je pro tiskárny formátována odlišně - ale to opravdu není nutné. Každý prohlížeč implementuje jednoduchou technologii CSS známou jako Tiskněte šablony stylů , což není nic jiného než soubor, který určuje prvky, které se mají skrýt, když prohlížeč stránku vytiskne.
Pro ty, kteří nejsou obeznámeni, znamená CSS kaskádové styly, a to je způsob, jakým váš prohlížeč ví, jak naformátovat zdrojový kód HTML pro webovou stránku na to, co skutečně vidíte na obrazovce. V šabloně stylů lze zadat vše od písem, barev, okrajů a dokonce i obrázků na pozadí.
Přidání šablony stylů tisku je stejně snadné jako připojení tohoto jediného řádku ke stránce HTML - část kódu media = print řekne prohlížeči, aby tuto šablonu stylů používal pouze při tisku.
<link rel = ”stylesheet” href = ”print.css” type = ”text / css” media = ”print”>
Tento soubor obecně vypadá asi takto:
#sidebar, # footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Ano, je to opravdu tak jednoduché. Jak to tedy funguje? Zde je příklad normální webové stránky vlevo, kde jsou všechny navigace, loga a reklamy jasně viditelné s přidruženým ID - a vpravo stejná stránka s použitým stylem tisku a skrývající všechny tyto prvky.
Je zřejmé, že byste raději tiskli jeden z nich nad druhým, že?
Příklady selhání šablony stylů
Bohužel existuje jen spousta obrovských webových stránek, které se vůbec neobtěžovaly to implementovat. Podívejte se, co se stane, když se pokusíte tisknout z New York Times:
Některé weby, například síť webů Gawker, jsou ještě horší. Nejen, že nemají tisknutelné zobrazení, když to zkusíte vytisknout, připomíná to inkoustovou polévku. Pokud je nám známo, neexistuje způsob, jak tisknout z webu Gawker bez použití samostatné služby, jako je čitelnost, nebo manuálního zvýraznění obsahu na stránce, což je u jejich nového designu téměř nemožné.
Je to smutné, opravdu. Spousta největších webů se při implementaci této funkce úplně neobtěžuje.
Některé stránky je naštěstí používají
Zde je příklad správně naformátovaného tisknutelného zobrazení - aniž byste se museli obtěžovat s hledáním nějakého tiskového odkazu. Stránky BBC News úhledně formátují články pro tisk, spolu s vlastní hlavičkou. Zahrnují komentáře v zobrazení pro tisk, ale stále je to dobře odvedená práce.
Existuje spousta dalších webů, které dělají totéž ArsTechnica a ... naše stránky, ale bylo by hloupé zobrazovat snímky všech z nich. V našem výzkumu je stránek, které je správně implementovaly, málo a jsou daleko od sebe.
Abychom to shrnuli ... věnujte prosím 5 minut potřebným na implementaci šablony stylů tisku pro vaše stránky!
