link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 1 link to page 2 link to page 2 link to page 2 link to page 2 link to page 2 link to page 2 link to page 2 link to page 2 link to page 2 Blue-sky printing There are many reasons for using Prince. We will show you 8. one: JavaScript Prince supports JavaScript so that programmers can achieve effects not possible in HTML and CSS along. For example, this document has a small script that au- tomatically generates a table of contents: JavaScript..................... 1 More JavaScript .......... 1 CSS3 columns ............. 1 Styling pages................ 1 CSS3 transforms..........1 Background images.....2 CSS3 selectors..............2 More transforms .........2 two: More JavaScript This document lists 8 numbered features. Notice that the first three features are numbered with spelled-out numbers, while the rest use digits. This is achieved with a small script that exchanges digits for letters when the number is three or smaller. three: CSS3 columns This document is laid out in two columns on the first page. The next pages are more narrow and therefore only has room for one column. The number of columns is automatically adjusted based on the available width. 4: Styling pages The second page of this document is different from the first: it’s up- right and it has no background image. This is achieved by styling pages instead of elements. 5: CSS3 transforms CSS3 introduces transforms, which can be used to scale and rotate elements. «Prince» is rotated 90 degerees on the right. Also, it has been moved to a margin box so that it appears outside the normal text flow. 6: Background images The image on the right is used as the background image on the first page. There, only part of the image is visible. This is achieved by carefully setting the position and pixel-density of the image. Also, notice how the background image is «bleeding»; it extends slightly outside the page to avoid white edges when the paper is cut. 7: CSS3 selectors Notice how every other item in our list of eight is in italics. This is achieved by selecting and styling even-numbered items. 8: More transforms Transforms can be applied to images as well as text. Below is the blue-sky background im- age rotated at various angles. Prince Blue-sky printing JavaScript More JavaScript CSS3 columns Styling pages CSS3 transforms Background images CSS3 selectors More transforms Prince