10Aug

Geek Rants: Zašto tako mnoge web stranice ne upotrebljavaju ispisne liste stilova?

Ne prestaje me zadiviti da ljudi moraju potražiti vezu ili gumb koji kaže "Print" na web stranici, pogotovo s obzirom na to da postoji čuda tehnologija koja taj korak čini nepotrebnim. Nažalost gotovo nitko ne koristi, iako je. .. 10 godina.

Ne samo da je glupo zahtijevati dodatni korak za ispis, već korištenjem ispisanih listova stilova spremaju se neke tinte za svakoga tko ne koristi vezu za ispis. I, naravno, puno ljudi koristi ispis u PDF-u za spremanje članaka za kasnije bez gubitka papira.

Što su ispisni stilski listovi?

Većina web stranica provodi svoju funkciju ispisa preusmjeravanjem na drugu stranicu koja je drugačije oblikovana za pisače - ali to zapravo nije potrebno. Svaki preglednik implementira jednostavnu CSS tehnologiju poznatu pod nazivom Print Stylesheets, što nije ništa više od datoteke koja navodi elemente za skrivanje kada preglednik ispisuje stranicu.

Za one koji nisu upoznati, CSS znači Cascading Style Sheets, i to je način na koji vaš preglednik zna kako oblikovati HTML izvorni kod za web stranicu u ono što stvarno vidite na zaslonu. Sve iz fontova, boja, granica, pa čak i pozadinskih slika može se navesti u tablici stila.

Dodavanje ispisanih listova stilova je jednostavno kao povezivanje ove pojedinačne crte na stranicu HTML - medij = ispis dio koda govori pregledniku da koristi samo ovaj stilski list prilikom ispisa.

& lt; link rel = "stilski" href = "print.css" type = "text / css" media = "ispis" & gt;

Ova datoteka općenito izgleda ovako:

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

Da, to je stvarno tako jednostavno. Pa kako to radi? Slijedi primjer uobičajene web stranice s lijeve strane, a sva navigacija, logotip i oglasi jasno su vidljivi s pripadajućim ID-om - a na desnoj, istoj stranici s primijenjenim stilskim stilom ispisa, skrivajući sve te elemente.

Očito biste radije ispisali jedan od njih nad drugom, zar ne?

Primjeri neuspjeha ispisa tablice izgleda

Nažalost, postoje samo opterećenja golemih web stranica koje se nisu potrudile da to uopće provede. Pogledajte što se događa kada pokušate ispisati iz New York Timesa:

Neke web stranice, poput Gawker mreže web lokacija, još su gore. Ne samo da nemaju vidljiv ispis, kada pokušavate ispisati, on izgleda kao juha od tinte. Koliko god možemo reći, nema načina ispisa s Gawkerovog mjesta bez korištenja zasebne usluge kao što je čitljivost ili ručno označavanje sadržaja na stranici, što je gotovo nemoguće na novom dizajnu.

To je stvarno tužno. Mnogo velikih web stranica samo se u potpunosti ne zanima primjenom ove značajke.

Srećom, neke web stranice koriste ih

Evo primjera ispravno oblikovanog prikaza za ispis - bez potrebe da se potrudite pronaći neku vezu za ispis. Stranica BBC News uredno formatira članke za ispis, zajedno s prilagođenim zaglavljem. Oni uključuju komentare u prikazu ispisa, ali to je još uvijek dobro obavljen posao.

Ima još nekoliko drugih web stranica koje rade isto, kao što su ArsTechnica i. .. naša web stranica, ali bi bilo glupo prikazati snimke zaslona svih njih. U našem istraživanju, web stranice koje ih ispravno implementiraju su malo i daleko između.

Dakle, kako bi se završilo. .. molimo Vas da uzmete 5 minuta potrebnih za implementaciju ispisane tablice za vašu stranicu!