Amillia Publishing Company Advertisement  ©

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.

UPSS SIZE 1: 118 x 65 mm

hello. Let's layout some sized divs

UPSS SIZE 2: 120 x 73 mm

hello. Let's layout some sized divs

UPSS SIZE 3: 134 x 73 mm

hello. Let's layout some sized divs

UPSS SIZE 4: 130 x 80 mm

hello. Let's layout some sized divs

UPSS SIZE 5: 137 x 77 mm

hello. Let's layout some sized divs

UPSS SIZE 6: 140 x 78 mm

hello. Let's layout some sized divs

hello. Let's layout some sized divs

UPSS SIZE 7: 139 x 82 mm

UPSS SIZE 8: 149 x 85 mm

hello. Let's layout some sized divs

UPSS SIZE 9: 149 x 92 mm

hello. Let's layout some sized divs

UPSS SIZE 10: 160 x 89 mm

hello. Let's layout some sized divs

UPSS SIZE 11: 160 x 95 mm

hello. Let's layout some sized divs

UPSS SIZE 12: 165 x 92 mm

hello. Let's layout some sized divs

UPSS SIZE 13: 171 x 94 mm

hello. Let's layout some sized divs

UPSS SIZE 14: 119 x 92 mm

hello. Let's layout some sized divs

UPSS SIZE 15: 130 x 105 mm

hello. Let's layout some sized divs

UPSS SIZE 16: 134 x 108 mm

hello. Let's layout some sized divs

UPSS SIZE 17: 140 x 108 mm

hello. Let's layout some sized divs

UPSS SIZE 18: 143 x 111 mm

hello. Let's layout some sized divs

UPSS SIZE 19: 191 x 99 mm

hello. Let's layout some sized divs

UPSS SIZE 20: 219 x 92 mm

hello. Let's layout some sized divs

UPSS SIZE 21: 225 x 98 mm

hello. Let's layout some sized divs

UPSS SIZE 22: 241 X 100 mm

hello. Let's layout some sized divs

UPSS SIZE 23: 241 x 105 mm

hello. Let's layout some sized divs

UPSS SIZE 24: 249 x 104 mm

hello. Let's layout some sized divs

UPSS SIZE 25: 258 x 111 mm

hello. Let's layout some sized divs

UPSS SIZE 26: 271 x 118 mm

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 in

and 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                  A0

Using 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:

sheet_0001

start small

size of this sheet: A4 297 x 210 mm 11.7 x 8.3 in

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?

sheet_0002

start small

size of this sheet:ANSI A 8.5 × 11 216 × 279 1.2941 Letter A4

We are a pretty little piece of paper, rather large for the screen.