Geek Rants Miksi niin monet Web-sivustot eivät käytä tulostustyyliä?
Se ei koskaan lakkaa hämmästyttämästä minua siitä, että ihmisten on etsittävä linkkiä tai painiketta, joka sanoo "Tulosta" verkkosivulla, varsinkin kun on ihme teknologia, joka tekee askelen tarpeettomaksi. Valitettavasti lähes kukaan ei käytä sitä, vaikka se on… 10 vuotta vanha.
Se ei ole vain typerää vaatia ylimääräistä askelta tulostusta varten, mutta tulostustyyleiden käyttö säästää mustetta kaikille, jotka eivät käytä tulostettavaa linkkiä. Ja tietysti on paljon ihmisiä, jotka käyttävät tulostus-PDF-tiedostoja tallentamaan artikkeleita myöhemmäksi ilman paperin tuhlausta.
Mitä ovat tulostustyylit?
Useimmat verkkosivustot toteuttavat tulostustoiminnon ottamalla sinut toiselle sivulle, joka on muotoiltu eri tavalla tulostimille - mutta tämä ei todellakaan ole tarpeen. Jokainen selain toteuttaa yksinkertaisen CSS-tekniikan, joka tunnetaan nimellä Print Stylesheets, joka ei ole muuta kuin tiedosto, joka määrittää elementit, jotka piilotetaan, kun selaimesi tulostaa sivun.
Niille, jotka ovat tuntemattomia, CSS tarkoittaa Cascading Style Sheets -ohjelmaa, ja selaimesi tietää, miten Web-sivun HTML-lähdekoodi muotoillaan siihen, mitä näet näytöllä. Kaikki kirjasimista, väreistä, rajoista ja jopa taustakuvista voidaan määrittää tyylisivuilla.
Tulostustyylien lisääminen on yhtä helppoa kuin tämän yhden rivin liittäminen sivullesi HTML-media = koodin tulostusosa kertoo selaimelle käyttävän vain tätä tyylisivua tulostettaessa.
Tämä tiedosto näyttää yleensä tältä:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Kyllä, se on todella helppoa. Joten miten se toimii? Seuraavassa on esimerkki tavallisesta sivusta vasemmalla, jossa kaikki navigointi, logo ja mainokset näkyvät selvästi tunnisteeseen liittyvän tunnuksen kanssa - ja oikealla puolella sama sivu, jossa on käytössä käytetty tulostustyyli, piilottamalla kaikki nämä elementit.
On selvää, että haluaisit tulostaa yhden näistä toisista oikealle?
Esimerkkejä tulostustyyli-virheestä
Valitettavasti on vain runsaasti valtavia sivustoja, jotka eivät ole vaivautuneet toteuttamaan sitä lainkaan. Katsokaa, mitä tapahtuu, kun yrität tulostaa New York Timesista:
Jotkut sivustot, kuten Gawkerin sivustojen verkosto, ovat vielä pahempia. Niillä ei ole vain tulostettavaa näkymää, kun yrität ja tulostaa, se muistuttaa mustesuppiä. Sikäli kuin voimme kertoa, ei ole mahdollista tulostaa Gawker-sivustolta käyttämättä erillistä palvelua, kuten luettavuutta, tai korostamalla manuaalisesti sivun sisältöä, joka on lähes mahdotonta niiden uudessa suunnittelussa.
Se on surullista. Suurimpien sivustojen kuormat eivät täysin häiritse tämän ominaisuuden toteuttamista.
Onneksi jotkut sivustot käyttävät niitä
Seuraavassa on esimerkki asianmukaisesti muotoiltusta tulostettavasta näkymästä - ilman, että tarvitsisi vaivata jonkin tulostuslinkin löytämistä. BBC News-sivusto muotoilee siistit esineet tulostettaviksi ja täydentää mukautetun otsikon. Ne sisältävät kommentteja tulostusnäkymässä, mutta se on edelleen hyvin tehty työ.
On olemassa muutamia muita sivustoja, jotka tekevät saman, kuten ArsTechnica ja ... sivustomme, mutta olisi typerää näyttää kuvakaappauksia kaikista niistä. Tutkimuksessamme asianmukaisesti toteutetut sivustot ovat vain vähän ja kaukana.
Joten kääri… ota 5 minuuttia, jotta sivustosi tulostustyyli täytetään!