Skip to content

Latest commit

 

History

History
51 lines (38 loc) · 1.46 KB

BP_027_en.md

File metadata and controls

51 lines (38 loc) · 1.46 KB

Provide a print CSS

Identifiers

GreenIT V2 V3 V4
16 30 27

Categories

Life cycle Tiers Responsible
3. Implementation User/Device UX/UI Designer

Indications

Priority Implementation difficulty Ecological impact
3 4 3
Saved resources
Network

Description

In addition to the service provided to the Internet user, print CSS stylesheets reduce the number of printed pages, indirectly reducing the website's ecological footprint. The design should be as lean as possible, with ink-saving font typefaces (Century Gothic, for example). Also remember to hide headers, footers, menus, sidebars, images that are no actual content. Etc.

Example

This print CSS "cleans" the displayed pages in order to provide a refined print design:

bodysuit {
background-color:#fff; font-family :Serif; font-size:15pt;
}
#page { margin:0;
border:none;
}
#banner, #menuright, #footer { display: none;
}
h1#top { margin:0;
padding:0;
text-indent:0; line height: 25pt; font-size:25pt;
} (...)

Validation rule

The number of ... is equal to or less than
missing print CSS 1