Той никога не престава да ме учудва, че хората трябва да търсят връзка или бутон, който казва "Печат" на уеб страница, особено като се има предвид, че има чудесна технология, която прави тази стъпка ненужна. За съжаление почти никой не го използва, въпреки че е ... на 10 години.
Не само е глупаво да се изисква допълнителна стъпка за отпечатване, но използването на стилове за печат ще спести малко мастило за всеки, който не използва връзката за печат. И разбира се, има много хора, които използват печат-PDF, за да пестят статии по-късно, без да губят хартия.
Повечето уеб сайтове изпълняват функцията си за печат, като ви превеждат на друга страница, която е форматирана по различен начин за принтери - но това наистина не е необходимо. Всеки браузър реализира проста CSS технология, известна като Print Stylesheets, която не е нищо повече от файл, който определя елементи, които да се скрият, когато браузърът ви отпечата страницата.
За тези, които не са запознати, CSS означава Cascading Style Sheets и по този начин вашият браузър знае как да форматира изходния HTML код за уеб страница в това, което действително виждате на екрана. В стиловия лист може да се зададе всичко от шрифтове, цветове, граници и дори изображения на фон.
Добавянето на стиловата таблица за печат е толкова просто, колкото и включването на този един ред в страницата HTML-медията = частта от кода за печат казва на браузъра да използва този стилов лист само при печат.
Този файл обикновено изглежда така:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Да, това е наистина толкова просто. Как действа? Ето един пример за нормална уеб страница отляво, като цялата навигация, лого и реклами са ясно видими с идентификационния номер, а отдясно, същата страница с приложния лист за стилове на принтиране, която скрива всички тези елементи.
Очевидно бихте предпочели да отпечатате едно от тези над другото, нали?
За съжаление, има само много огромни уеб сайтове, които не са се притеснявали да въведат това изобщо. Разгледайте какво се случва, когато се опитвате да отпечатате от Ню Йорк Таймс:
Някои сайтове, като мрежата от сайтове на Gawker, са още по-лоши. Не само че нямат възможност за печат, когато се опитате да отпечатате, то прилича на мастилена супа. Доколкото можем да кажем, няма начин да отпечатате от сайта на Gawker, без да използвате отделна услуга като Readability или ръчно да подчертаете съдържанието на страницата, което е почти невъзможно за новия дизайн.
Това е тъжно, наистина. Товари от най-големите сайтове съвсем не успяват да затруднят изпълнението на тази функция.
Ето един пример за правилно форматиран изглед за печат - без да се налага да се занимавате с намиране на някаква печатна връзка. Сайтът на BBC News правилно форматира статиите за печат, снабден с персонализиран хедър. Те включват коментари в отпечатъка, но това все още е добре свършена работа.
Има много други сайтове, които правят същото, като ArsTechnica и ... нашия сайт, но би било глупаво да покажете екранни снимки на всички тях. В нашите изследвания, сайтовете, които правилно ги изпълняват, са малко и далеч.
За да приключите ... моля, вземете 5 минути, необходими за внедряване на стил за отпечатване за вашия сайт!
