10Aug
Nikdy mě nepřekvapí, že lidé musí hledat odkaz nebo tlačítko, které říká "Tisk" na webové stránce, zejména vzhledem k tomu, ž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 každého, kdo nepoužívá tisknutelné propojení.A samozřejmě je spousta lidí, kteří používají tisk do PDF pro uložení článků později, aniž by ztratili papír.
Co jsou tiskové styly?
Většina webových stránek provádí svou funkci tisku tím, že vás převede na jinou stránku, která je formátována pro tiskárny 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ž váš 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 se skutečně zobrazuje 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 tisku je stejně jednoduché jako připojení jediného řádku do vaší stránky HTML - médium = tisk částí kódu informuje prohlížeč, že použije tento stylový styl pouze při tisku.
& lt; link rel = "stylesheet" href = "print.css" typ = "text / css" media = "tisk" & gt;
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, přičemž veškerá navigace, logo a reklamy jsou jasně viditelné s přiřazeným identifikátorem - a napravo, stejnou stránkou s použitou tiskovou šablonou, která skrývá všechny tyto prvky.
Je zřejmé, že byste raději vytiskli jeden z nich přes druhý, ne?
Příklady selhání tiskového stylu
Bohužel existují jen spousty obrovských webových stránek, které se neobtěžovaly k tomu, aby vůbec implementovaly. 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í vytisknutelný pohled, když se snažíte vytisknout, připomíná to inkoustovou polévku. Pokud můžeme říct, není možné tisknout z webu Gawker bez použití samostatné služby, jako je Čitelnost, nebo ručně zvýraznit obsah na stránce, což je téměř nemožné na jejich novém designu.
Je to smutné, opravdu. Zatížení největších webů zcela nedokázaly obtěžovat implementaci této funkce.
Naštěstí některé weby používají je
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é, kdybyste jim ukázali screenshoty. V našem výzkumu jsou stránky, které je správně provádějí, jen málo a daleko.
Takže, aby se zabalil. .. prosím, udělejte 5 minut potřebných pro implementaci tištěného stylu pro vaše stránky!
