Geek Rants Proč tolik webových stránek nevyužívá tiskové styly?

Nikdy mě nepřekvapuje, že lidé musí hledat odkaz nebo tlačítko, které říká "Tisk" na webové stránce, zvláště s ohledem na to, že existuje zázračná technologie, která dělá tento krok zbytečný. Bohužel téměř nikdo nepoužívá, i když je to ... 10 let.

Nejen, že je hloupé požadovat další krok pro tisk, ale použití stylů tisku by ušetřilo nějaký inkoust pro někoho, kdo nepoužívá tisknutelný odkaz. A samozřejmě je spousta lidí, kteří používají tisk na PDF, aby si mohli uložit články později bez ztráty papíru.

Co jsou tištěné styly?

Většina webových stránek provádí své tiskové funkce tím, že vás převede na jinou stránku, která je pro tiskárny formátována jinak - ale to opravdu není nutné. Každý prohlížeč implementuje jednoduchou technologii CSS známou jako Print Stylesheets, která není ničím jiným než souborem, který určuje prvky, které se mají skrýt, když prohlížeč vytiskne stránku.

Pro ty, které nejsou známé, znamená CSS kaskádové styly a váš prohlížeč ví, jak formátovat zdrojový kód HTML pro webovou stránku do toho, co skutečně vidíte na obrazovce. Všechno z písma, barev, okrajů a dokonce i obrázků na pozadí lze specifikovat v listu stylů.

Přidání štýlu stylu tisku je stejně jednoduché jako připojení jediného řádku do vaší stránky HTML - médium = tisk částí kódu říká prohlížeči používat tento styl styl pouze při tisku.

Tento soubor obecně vypadá takto:

#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

Ano, je to opravdu tak jednoduché. Tak jak to funguje? Zde je příklad normální webové stránky vlevo, se všemi navigacemi, logem a reklamami jasně viditelnými s přiřazeným identifikátorem - a vpravo, stejnou stránkou s aplikovanou šablonou stylů tisku, která skrývá všechny tyto prvky.

Je zřejmé, že byste raději vytiskli jeden z nich přes druhý, správně?

Příklady selhání tiskového stylu

Naneštěstí existuje jen spousta obrovských webových stránek, které se neobtěžovaly tuto skutečnost vůbec implementovat. Podívejte se, co se stane, když se pokusíte tisknout z New York Times:

Některé weby, jako je síť stránek Gawker, jsou ještě horší. Nejen, že nemají tisknutelný pohled, když se snažíte vytisknout, připomíná to inkoustovou polévku. Pokud můžeme říci, není možné tisknout z webu Gawker bez použití samostatné služby, jako je Readability, nebo ručně zvýraznění obsahu na stránce, což je téměř nemožné pro jejich nový design.

Je to smutné, opravdu. Zatížení největších webů prostě úplně nezpůsobí obtěžování implementace této funkce.

Naštěstí, některé stránky je používají

Zde je příklad správně formátovaného tiskového zobrazení - aniž byste museli obtěžovat najít nějaký tiskový odkaz. Stránka BBC News úhledně formátuje články pro tisk, doplněné vlastní hlavičkou. Obsahují komentáře v zobrazení tisku, ale je to stále dobře provedená práce.

Existuje poměrně málo dalších webů, které dělají totéž, jako ArsTechnica a ... naše stránky, ale bylo by hloupé zobrazovat screenshoty všech. V našem výzkumu jsou stránky, které je správně provádějí, jen málo a daleko.

Chcete-li zabalit ... prosím, proveďte 5 minut potřebných k vytvoření štýlu tisku pro vaše stránky!