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.

Let's make all the same kind this time. Let's use the smallest size to start.

UPSS SIZE 1: 118 x 65 mm

send me a letter

UPSS SIZE 1: 118 x 65 mm

put it in the mail

UPSS SIZE 1: 118 x 65 mm

give it to a mailman

UPSS SIZE 1: 118 x 65 mm

mailbox is a pail

UPSS SIZE 1: 118 x 65 mm

each with a different stamp

UPSS SIZE 1: 118 x 65 mm

postmark, date

UPSS SIZE 1: 118 x 65 mm

a little bit of history

UPSS SIZE 1: 118 x 65 mm

small, large? different sizes

UPSS SIZE 1: 118 x 65 mm

envelopes come in all sizes

UPSS SIZE 1: 118 x 65 mm

We only use one size here

UPSS SIZE 1: 118 x 65 mm

This demonstration has all UPSS Size 01 , which is 118 x 65 mm

UPSS SIZE 1: 118 x 65 mm

this demo may be scaled, look for a scale button

UPSS SIZE 1: 118 x 65 mm

how could we asign other content to these envelope entities

UPSS SIZE 1: 118 x 65 mm

we call them 'entities' because these are not really envelopes

UPSS SIZE 1: 118 x 65 mm

cataloging of envelopes is interesting and educational.

UPSS SIZE 1: 118 x 65 mm

old envelopes might be moldy

UPSS SIZE 1: 118 x 65 mm

Paper is not easy to preserve long term without a correct enviroment for doing such.

UPSS SIZE 1: 118 x 65 mm

this is a demonstration page for gridded content

UPSS SIZE 1: 118 x 65 mm

Hopefully these have all laid out properly

UPSS SIZE 1: 118 x 65 mm

the spin can be annoying

UPSS SIZE 1: 118 x 65 mm

each of these ought to have a full fledged grid of it's own content

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.