Nikdy ma neprestáva udivovať, že ľudia musiahľadajte odkaz alebo tlačidlo s nápisom „Tlač“ na webovej stránke, najmä ak vezmeme do úvahy zázračnú technológiu, ktorá tento krok nepotrebuje. Je smutné, že ho takmer nikto nepoužíva, aj keď je ... 10 rokov starý.
Nielenže je hlúpe vyžadovať ďalší kroktlač, ale použitím šablón tlačových štýlov by sa ušetrilo trochu atramentu pre kohokoľvek, kto nepoužije odkaz na tlač. A samozrejme existuje veľa ľudí, ktorí používajú tlač z formátu PDF na ukladanie článkov na neskoršie použitie bez plytvania papierom.
Čo sú tlačové štýly?
Väčšina webových stránok implementuje svoju funkciu tlačepresmerovanie na inú stránku, ktorá je formátovaná pre rôzne tlačiarne, ale to naozaj nie je potrebné. Každý prehľadávač implementuje jednoduchú technológiu CSS známu ako Vytlačiť šablóny štýlov, čo nie je nič viac ako súbor, ktorý určuje prvky, ktoré sa majú skryť pri tlači stránky v prehľadávači.
Pre tých, ktorí nie sú oboznámení, znamená CSSKaskádové šablóny štýlov a váš prehliadač vie, ako formátovať zdrojový kód HTML webovej stránky na to, čo sa skutočne zobrazuje na obrazovke. V šablóne štýlov je možné zadať všetko od typov písma, farieb, okrajov a dokonca aj obrázkov na pozadí.
Pridanie šablóny so štýlmi tlače je také jednoduché ako zapojenie tohto jedného riadku do HTML stránky - časť média = tlačená časť kódu povie prehliadaču, aby tento list so štýlmi používal iba pri tlači.
<link rel = ”stylesheet” href = ”print.css” type = ”text / css” media = ”print”>
Tento súbor zvyčajne vyzerá asi takto:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments {display: none}
Áno, je to skutočne také jednoduché. Ako to teda funguje? Tu je príklad normálnej webovej stránky vľavo so všetkou navigáciou, logom a reklamami zreteľne viditeľnými s priradeným ID - a na pravej strane rovnaká stránka s použitou šablónou tlače, ktorá zakrýva všetky tieto prvky.
Je zrejmé, že by ste radšej jednu z nich vytlačili na druhú, však?
Príklady zlyhania tlačovej šablóny
Bohužiaľ, existuje iba veľa obrovských webových stránok, ktoré sa vôbec neobťažovali implementovať. Prezrite si, čo sa stane, keď sa pokúsite tlačiť z denníka New York Times:
Niektoré weby, napríklad sieť lokalít Gawker, súešte horšie. Nielen, že nemajú výtlačok, keď sa pokúsite tlačiť, pripomína to atramentovú polievku. Pokiaľ vieme, neexistuje spôsob, ako tlačiť z webu Gawker bez použitia samostatnej služby, ako je čitateľnosť alebo manuálneho zvýraznenia obsahu na stránke, čo je pri ich novom dizajne takmer nemožné.
Je to naozaj smutné. Zaťaženie najväčších webov implementáciou tejto funkcie jednoducho úplne nevadí.
Našťastie ich niektoré stránky používajú
Tu je príklad správne naformátovanéhovytlačiteľné zobrazenie - bez obťažovania nájdením nejakého tlačového odkazu. Internetová stránka BBC News úhľadne formátuje články na tlač a je vybavená vlastnou hlavičkou. Zahŕňajú komentáre v tlačenom zobrazení, ale stále je to dobre vykonaná práca.
Existuje niekoľko ďalších stránok, ktoré robia to isté,ako ArsTechnica a ... naše stránky, ale bolo by hlúpe ukázať snímky všetkých z nich. V našom výskume sú stránky, ktoré ich správne implementovali, málo a ďaleko od seba.
Takže zabaliť ... venujte prosím 5 minút potrebných na implementáciu tlačovej šablóny pre vaše stránky!
