Geek Rants Защо толкова много уеб сайтове не успяват да използват стиловете за печат?

Той никога не престава да ме учудва, че хората трябва да търсят връзка или бутон, който казва “Печат” на уеб страница, особено като се има предвид, че има чудотворна технология, която прави тази стъпка ненужна. За съжаление почти никой не го използва, въпреки че е… на 10 години.

Не само, че е глупаво да се изисква допълнителна стъпка за печат, но използването на стилове за печат би спестило малко мастило за всеки, който не използва печатната връзка. И разбира се, има много хора, които използват печат до PDF файл, за да запазват статии за по-късно, без да губят хартия.

Какво представляват стиловете за печат?

Повечето уеб сайтове реализират функцията си за печат, като ви пренасят на друга страница, която е различно форматирана за принтерите - но това наистина не е необходимо. Всеки браузър използва проста CSS технология, известна като „Стилове за печат“, която не е нищо повече от файл, който определя елементи, които да се скрият, когато браузърът ви отпечата страницата.

За тези, които са непознати, CSS означава Cascading Style Sheets, и това е начинът, по който вашият браузър знае как да форматира HTML кода на уеб страница в това, което всъщност виждате на екрана. Всичко от шрифтове, цветове, граници и дори фонови изображения може да бъде зададено в стиловия лист.

Добавянето на стилове за печат е толкова просто, колкото да включите този единствен ред в страницата си HTML-медията = отпечатате част от кода, казва на браузъра да използва само този стилов лист, когато печата.

Този файл обикновено изглежда по следния начин:

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

Да, наистина е толкова просто. И така, как работи? Ето един пример за нормална уеб страница вляво, с цялата навигация, лого и реклами, ясно видими с идентификационния номер, свързан - и отдясно - същата страница с приложената таблица за стилове за печат, скриваща всички тези елементи.

Очевидно бихте предпочели да отпечатате една от тях над другата, точно така?

Примери за отказ на стилове за печат

За съжаление, има само много огромни уеб сайтове, които въобще не си правят това. Разгледайте какво се случва, когато се опитате да отпечатате от New York Times:

Някои сайтове, като мрежата от сайтове на Gawker, са още по-лоши. Не само, че нямат изглед за печат, когато се опитвате да печатате, той прилича на супа с мастило. Доколкото можем да кажем, няма начин да печатате от сайта на Gawker, без да използвате отделна услуга, като четливост, или ръчно маркиране на съдържанието на страницата, което е почти невъзможно при новия им дизайн.

Наистина е тъжно. Много от най-големите сайтове напълно не успяват да се притеснят от прилагането на тази функция.

За щастие, някои сайтове ги използват

Ето един пример за правилно форматиран изглед за печат - без да се налага да си търсим някаква връзка за печат. Сайтът на BBC News спретнато форматира статиите за печат, допълнени с персонализиран заглавие. Те съдържат коментари в печатния изглед, но все още е добре свършена работа.

Има доста други сайтове, които правят същото, като ArsTechnica и ... нашия сайт, но би било глупаво да се показват скрийншотове на всички тях. В нашето изследване, сайтовете, които ги прилагат правилно, са малко.

Така че, за да приключи ... Моля, вземете 5 минути, необходими за прилагане на стилове за печат за вашия сайт!