Nigdy nie przestaje mnie zadziwiać, że ludzie muszą szukać linku lub przycisku, który mówi "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.
Nie tylko jest głupio wymagać 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.
Większość witryn internetowych realizuje funkcję drukowania, przechodząc 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 - część z media = print kodu informuje przeglądarkę, aby używała tego arkusza stylów tylko podczas drukowania.
Ten plik zazwyczaj wygląda mniej więcej tak:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Tak, to naprawdę takie proste. Jak to działa? Oto przykład normalnej strony internetowej po lewej stronie, z całą nawigacją, logo i reklamami wyraźnie widocznymi 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ć jeden z nich nad drugim, prawda?
Niestety, jest tylko mnóstwo ogromnych stron internetowych, które nie zawracały sobie głowy implementacją tego. Zobacz, co dzieje się przy próbie drukowania z New York Times:
Niektóre witryny, takie jak sieć witryn Gawkera, 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.
Oto przykład prawidłowo 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.
Jest sporo 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 na wdrożenie arkusza stylów dla swojej witryny!
