Not Just A Grid - A flexible and modular CSS Framework for the rapid prototyping and development of standards compliant websites.
Take Me Home Demos of Not Just a Grid Documentation Licensing Information Download Not Just a Grid Beer Buddies Who Have Donated To Not Just a Grid

Typography

The type stylesheet in Not Just a Grid was created to give a good typographic base from which to work. It contains styling for a number of common HTML typographic elements and also sets a nice vertical rhythm for key elements such as headings, paragraphs and lists to align text across multiple columns.

War of the Worlds

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder. At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

At that the captain on the bridge swore at the top of his voice with fear and anger at his own delay, and the paddles seemed infected with his terror.

The little steamer was already flapping her way eastward of the big crescent of shipping, and the low Essex coast was growing blue and hazy, when a Martian appeared, small and faint in the remote distance, advancing along the muddy coast from the direction of Foulness. At that the captain on the bridge swore at the top of his voice with fear and anger at his own delay, and the paddles seemed infected with his terror. Every soul aboard stood at the bulwarks or on the seats of the steamer and stared at that distant shape, higher than the trees or church towers inland, and advancing with a leisurely parody of a human stride.

Styled HTML Elements

This is the <em>He sprang to his feet and saw to starboard tag
This is the <strong> from their heeling, pitching boat tag
This is the <cite> a vast iron bulk like the blade of a tag
This is the <del> plough tearing through the water tag
This is the <ins> tossing it on either side in huge Tag
This is the <abbr> RAM tag
This is the <acronym> Benelux Tag
This is the <dfn> that leaped towards the steamer, tag
This is the <sup> flinging her paddles tag
This is the <sub> helplessly in the air tab
This is the <code> tag for mainloop = 1 to 10
This is the <address> tag

999 Letsbe Ave.
Newcastle Upon Tyne,
England
NE44 1B2


This is a link She was steaming at such a pace that in a minute she seemed halfway between the steamboat and the Martians--a diminishing black bulk against the receding horizontal expanse of the Essex coast.

Lists
Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
Ordered - Roman
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
Ordered - Alpha
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
Ordered - Upper Alpha
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
Unordered List
Definition List
What is a definition list
Definition lists generally provide item/definition pairs, although they can have many other uses.
Q) Where is Newcastle Upon Tyne?
a) Newcastle Upon Tyne is in the metropolitan county of Tyne & Wear in the North East of England.
Vertical Rhythm

Head 1

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder. At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Head 2

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder. At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke.But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Head 3

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder.At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Head 4

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder.At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Head 5

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder. At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Head 6

Some of the passengers were of opinion that this firing came from Shoeburyness, until it was noticed that it was growing louder. At the same time, far away in the southeast the masts and upperworks of three ironclads rose one after the other out of the sea, beneath clouds of black smoke. But my brother's attention speedily reverted to the distant firing in the south. He fancied he saw a column of smoke rising out of the distant grey haze.

Credits

Not Just a Grid is developed by Al Redpath / Outrageous Creations!

Licensing

Not just a Grid is licenced under the MIT licence.

Thanks & Inspiration

The work of the following people and projects has been the inspiration behind Not Just a Grid, a great deal of thanks go out to all of them.

Eric Meyer for his CSS reset, Nathan Smith for 960.gs, Olav Bjørkøy for Blueprint CSS, Harry Roberts for Typogridphy, Stéphane Curzi for Baseline, Jeff Croft for interesting discussions, Veerle Pieters for CSS Inspiration, Mark James for the Silk iconset, Chris Coyier of CSS-Tricks, plus anyone else who I may have forgotten.

Download

Visit the downloads page to get Not Just a Grid plus supporting files.

Donate

Like Not Just A Grid?

Donate with PayPal

this site and it's contents are copyright © 2017 al redpath / outrageous creations!