Se ei koskaan lakkaa hämmästyttää minua, että ihmisten on etsittävä linkkiä tai painiketta, joka sanoo "Tulosta" verkkosivulla, varsinkin kun otetaan huomioon, että on ihme tekniikkaa, joka tekee siitä askeleen tarpeettomaksi. Valitettavasti lähes kukaan ei käytä sitä, vaikka se on ... 10 vuotta vanha.
Ei ole vain typerää vaatia ylimääräistä askelta tulostusta varten, mutta käyttämällä tulostustyylilehdet tallentaisi musteen kenellekään, joka ei käytä tulostettavaa linkkiä. Ja tietenkin on runsaasti ihmisiä, jotka käyttävät tulosteita PDF-tiedostoihin, jotta ne säästettäisiin myöhemmin ilman tuhlaamatta paperia.
Useimmat verkkosivustot toteuttavat tulostustoimintaan viemällä sinut toiseen sivuun, joka on muotoiltu eri tavalla tulostimille - mutta tämä ei todellakaan ole välttämätöntä. Jokainen selain toteuttaa yksinkertaisen CSS-tekniikan, joka tunnetaan nimellä Print Stylesheets, joka on vain tiedosto, joka määrittää piilotettavat elementit, kun selaimesi tulostaa sivun.
Niille, jotka eivät ole tuntemattomia, CSS tarkoittaa Cascading Style Sheets -työkalua, ja selaimesi osaa muotoilla HTML-lähdekoodia verkkosivulle siihen, mitä todella näkyy näytöllä. Kaikki kirjasimet, värit, reunat ja jopa taustakuvat voidaan määrittää tyyliarkilla.
Tulostustyylilistan lisääminen on yhtä helppoa kuin tämän yhden rivin liittäminen sivullesi. HTML-media = tulostuksen osa koodista kertoo selaimelle, että vain käyttää tätä tyyliarkkia tulostettaessa.
Tämä tiedosto näyttää yleensä tältä:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Kyllä, se on todella yksinkertaista. Niin miten se toimii? Seuraavassa on esimerkki tavallisesta verkkosivusta vasemmalla, kun kaikki navigointi, logo ja mainokset näkyvät selvästi ID-tunnuksella - ja oikealla puolella, samalla sivulla, jossa käytetään tulostustyylitasoa, joka piilottaa kaikki nämä elementit.
Ilmeisesti haluat tulostaa yhden näistä yli toisen, eikö?
Valitettavasti on vain runsaasti valtavia verkkosivustoja, jotka eivät ole vaivautuneet toteuttamaan tätä lainkaan. Tutustu, mitä tapahtuu, kun yrität tulostaa New York Timesista:
Jotkut sivustot, kuten Gawker-verkosto, ovat vieläkin pahemmat. Sen lisäksi, että niillä ei ole tulostettavia näkymiä, kun yrität tulostaa, se muistuttaa mustekalaa. Siltä osin kuin voimme sanoa, ei ole mahdollista tulostaa Gawker-sivustolta ilman erillistä palvelua, kuten Readability, tai manuaalisesti korostamalla sivun sisältöä, mikä on lähes mahdotonta uudessa mallissaan.
Se on surullinen, todella. Kuormat suurimmista sivustoista eivät vain häiritse tämän ominaisuuden toteuttamista.
Tässä on esimerkki oikein muotoiltuista tulostettavasta näkymästä - ilman että tarvitset jotain tulostuslinkkiä. BBC News -sivustolla on kätevästi muotoiltu artikkelit tulosta varten ja täydennetty mukautetulla otsakkeella. Ne sisältävät kommentteja tulostusnäkymässä, mutta se on silti hyvä työ.
On olemassa muutamia muita sivustoja, jotka tekevät samoin, kuten ArsTechnica ja ... sivustomme, mutta olisi typerää näyttää kuvakaappauksia kaikista niistä. Tutkimuksessamme sivustoja, jotka ovat asianmukaisesti toteuttaneet ne, ovat harvoja ja kaukana toisistaan.
Jotta päästäisiin loppuun ... ota viiden minuutin välein käyttöön tulostustyylisivu sivustollesi!