Soha nem csodálkozom azon, hogy az embereknek egy linket vagy gombot kell keresniük, amelyen a „Nyomtatás” felirat olvasható a weboldalon, különös tekintettel arra, hogy van egy olyan csoda technológia, amely szükségtelenné teszi ezt a lépést. Sajnos szinte senki sem használja, pedig… 10 éves.
Nem csak butaság egy további lépést követelni a nyomtatáshoz, de a nyomtatási stíluslapok használata spórolna némi tintát bárki számára, aki nem használja a nyomtatható linket. És természetesen rengeteg ember használja a nyomtatást PDF-be, hogy cikkeket későbbre mentse papírpazarlás nélkül.
Mik azok a nyomtatási stíluslapok?
A legtöbb webhely a nyomtatási funkciót úgy hajtja végre, hogy átkerül egy másik oldalra, amelyet a nyomtatók másképp formáznak - de erre valójában nincs szükség. Minden böngésző implementál egy egyszerű CSS technológiát, amely a Stíluslapok nyomtatása , ami nem más, mint egy fájl, amely elrejtendő elemeket határoz meg, amikor a böngésző kinyomtatja az oldalt.
Azok számára, akik nem ismerik, a CSS kaszkád stíluslapokat jelent, és hogy a böngészője hogyan tudja formázni egy weboldal HTML forráskódját a képernyőn valóra. A betűtípusoktól, színektől, szegélyektől, sőt háttérképektől kezdve mindent meg lehet adni a stíluslapon.
Nyomtatási stíluslap hozzáadása olyan egyszerű, mint ezt az egyetlen sort bedugni az oldal HTML-be - a media = print része a kódnak azt mondja a böngészőnek, hogy csak ezt a stíluslapot használja nyomtatáskor.
<link rel = ”stíluslap” href = ”print.css” type = ”text / css” media = ”print”>
Ez a fájl általában így néz ki:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Igen, ez valóban ilyen egyszerű. Tehát hogyan működik? Itt van egy példa egy normál weboldalra a bal oldalon, az összes navigációval, logóval és hirdetésekkel jól láthatóan a társított azonosítóval együtt - a jobb oldalon pedig ugyanazon az oldalon, ahol a nyomtatási stíluslapot alkalmazzák, elrejtve az összes elemet.
Nyilván szívesebben nyomtatna ezek egyikét a másikra, nem?
Példák a nyomtatási stíluslap meghibásodására
Sajnos csak rengeteg hatalmas weboldal található, amelyek egyáltalán nem veszik a fáradságot ennek megvalósításával. Vessen egy pillantást arra, hogy mi történik, amikor megpróbál nyomtatni a New York Times-ból:
Egyes webhelyek, például a Gawker webhelyhálózat, még rosszabbak. Nem csak kinyomtatható nézetük van, amikor megpróbálsz nyomtatni, az a tintaleveshez hasonlít. Amennyire meg tudjuk mondani, nincs mód a Gawker webhelyről történő nyomtatásra külön szolgáltatás, például az Olvashatóság használata nélkül, vagy az oldal tartalmának manuális kiemelése nélkül, ami új designjuknál szinte lehetetlen.
Nagyon szomorú. A legnagyobb webhelyek sokasága egyszerűen nem zavarja ezt a funkciót.
Szerencsére néhány webhely használja őket
Íme egy példa egy megfelelően formázott nyomtatható nézetre - anélkül, hogy valami nyomtatási hivatkozást kellene keresnie. A BBC News webhelye szépen formázza a cikkeket nyomtatásra, egyedi fejléccel kiegészítve. Megjegyzések szerepelnek a nyomtatási nézetben, de ez még mindig jól végzett munka.
Van még jó néhány olyan webhely, amelyik hasonlóan cselekszik ArsTechnica és ... az oldalunk, de butaság lenne mindegyikről képernyőképeket mutatni. Kutatásunk során az őket megfelelően megvalósító helyszínek kevésnek számítanak.
Összefoglalásképpen ... kérjük, szánjon rá 5 percet, amelyre szüksége van egy nyomtatási stíluslap megvalósításához a webhelyén!
