10Aug
Nigdy nie przestaje mnie zadziwiać, że ludzie muszą szukać linku lub przycisku z napisem "Drukuj" na stronie internetowej, szczególnie biorąc pod uwagę technologię cudu, która czyni ten krok zbędnym. Niestety prawie nikt go nie używa, mimo że ma. .. 10 lat.
Głupio wymagać nie tylko dodatkowego etapu drukowania, ale użycie arkuszy stylów drukowania pozwoliłoby zaoszczędzić trochę atramentu dla każdego, kto nie używa łącza do drukowania. No i oczywiście jest mnóstwo ludzi, którzy używają drukowanych plików PDF do zapisywania artykułów na później, bez marnowania papieru.
Czym są arkusze stylów drukowania?
Większość witryn internetowych implementuje funkcję drukowania, przenosząc użytkownika na inną stronę, która jest inaczej sformatowana w przypadku drukarek - ale to naprawdę nie jest konieczne. Każda przeglądarka implementuje prostą technologię CSS znaną jako Print Stylesheets, która jest niczym więcej niż plikiem, który określa elementy do ukrycia, gdy przeglądarka drukuje stronę.
Dla nieznajomych, CSS oznacza Kaskadowe Arkusze Stylów i to w jaki sposób twoja przeglądarka wie, jak sformatować kod źródłowy HTML strony internetowej na to, co faktycznie widzisz na ekranie. Wszystko, od czcionek, kolorów, obramowań, a nawet obrazów tła, można określić w arkuszu stylów.
Dodanie arkusza stylów wydruku jest tak proste, jak podłączenie tego pojedynczego wiersza do strony HTML - kod media = print kodu informuje przeglądarkę, aby używał tego arkusza stylów tylko podczas drukowania.
& lt; link rel = "arkusz stylów" href = "print.css" type = "text / css" media = "print" & gt;
Ten plik zasadniczo wygląda mniej więcej tak:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Tak, to naprawdę proste. Jak to działa? Oto przykład normalnej strony internetowej po lewej stronie, z całą nawigacją, logo i reklamami wyraźnie widocznymi wraz z identyfikatorem powiązanym - i po prawej stronie z tą samą stroną, z której zastosowano arkusz stylów drukowania, ukrywając wszystkie te elementy.
Oczywiście wolisz wydrukować jedną z nich nad drugą, prawda?
Przykłady niepowodzenia arkusza stylów drukowania
Niestety, jest mnóstwo ogromnych witryn internetowych, które nie zawracają sobie głowy implementacją tego. Zobacz, co dzieje się, gdy próbujesz drukować z New York Times:
Niektóre witryny, takie jak sieć witryn Gawker, są jeszcze gorsze. Nie tylko nie mają one widoku do drukowania, ale kiedy próbujesz drukować, przypomina zupę z tuszem. O ile nam wiadomo, nie ma możliwości drukowania z witryny Gawker bez korzystania z oddzielnej usługi, takiej jak Czytelność, lub ręcznego zaznaczania treści na stronie, co jest prawie niemożliwe w przypadku ich nowego projektu.
To naprawdę smutne. Mnóstwo największych witryn zupełnie nie zawraca sobie głowy wdrażaniem tej funkcji.
Na szczęście niektóre witryny wykorzystują je
Oto przykład poprawnie sformatowanego widoku do druku - bez konieczności szukania linku do wydruku. Witryna BBC News starannie formatuje artykuły do druku, wraz z niestandardowym nagłówkiem. Zawierają komentarze w widoku wydruku, ale nadal jest to dobrze wykonane zadanie.
Istnieje wiele innych stron, które robią to samo, jak ArsTechnica i. .. nasza strona, ale byłoby głupio wyświetlać zrzuty ekranu wszystkich z nich. W naszych badaniach witryny, które prawidłowo je wdrożyły, są nieliczne.
Aby zakończyć. .. proszę poświęć 5 minut, aby zaimplementować arkusz stylów drukowania dla swojej witryny!