hello. Let's layout some sized divs
Think of these shapes as envelopes, as the sizes were chosen from a list of stock envelope sizes.
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
hello. Let's layout some sized divs
This demo follows the envelope_sizes demos. Here we define some paper sizes as well.
here is a table of papersizes from here:
Table of Paper Sizes From 4A0 to A10 A Series Paper Sizes Chart - A0, A1, A2, A3, A4, A5, A6, A7, A8 A Series Paper Sizes Chart. Image courtesy of Office 365. Size Height x Width (mm) Height x Width (in) 4A0 2378 x 1682 mm 93.6 x 66.2 in 2A0 1682 x 1189 mm 66.2 x 46.8 in A0 1189 x 841 mm 46.8 x 33.1 in A1 841 x 594 mm 33.1 x 23.4 in A2 594 x 420 mm 23.4 x 16.5 in A3 420 x 297 mm 16.5 x 11.7 in A4 297 x 210 mm 11.7 x 8.3 in A5 210 x 148 mm 8.3 x 5.8 in A6 148 x 105 mm 5.8 x 4.1 in A7 105 x 74 mm 4.1 x. 2.9 in A8 74 x 52 mm 2.9 x 2.0 in A9 52 x 37 mm 2.0 x 1.5 in A10 37 x 26 mm 1.5 x 1.0 inand a set of sizes from Wikipedia:
Name in × in mm × mm Ratio Alias Similar ISO A size ANSI A 8.5 × 11 216 × 279 1.2941 Letter A4 ANSI B 17 × 11 432 × 279 1.5455 Ledger[9] 11 × 17 279 × 432 Tabloid A3 ANSI C 17 × 22 432 × 559 1.2941 A2 ANSI D 22 × 34 559 × 864 1.5455 A1 ANSI E 34 × 44 864 × 1118 1.2941 A0Using this we can craft some styles that are these sizes.
OK, it was easy to make some class definitions that reflect these sizes. There are now a group of classes, one for each size of paper in the above chart, that are tagged with the name of the size with the following formula: "paper_size_" + size name, where size_name is a string of the name of the paper size. For example we now have a class paper_size_A0. It has height and width dimensions as shown within the above table.
Now lets put a piece of this 'paper' right here:
We are a pretty little piece of paper, rather large for the screen.
Maybe we need to size it down for the next demo?
This demonstration is brought to you by Amillia Publishing Company. It is classified as a 'toy program' because it is just a demonstration of cool html5, CSS and JavaScript methods and exists as a demonstration for the amusement of the public and other programers. Hopefully highering programmers!
What is next with this demo?
© 2010, 2012 2013 Amillia Publishing Company.
We are a pretty little piece of paper, rather large for the screen.