A Test Of The Grid System - 964/984

 

x

x

x

x

x

x

x

x

x

x

x

x

 

Text that uses two grid columns is perhaps a little bit too narrow for

most articles, but in a test like this it is important to see the effects

of dividing the 12-column grid layout into six (6) bite-sized columns

featuring a very long run-on sentence that is probably worthy of some

Bulwer-Lytton Fiction Contest opening line—an annual bad-writing

contest that proclaims "WWW" means "Wretched Writers Welcome."

 

This is where a picture might go.

One of the greatest difficulties of developing websites is estimating what devices our user base will use. It used to be much more simple to predict this since users primarily accessed the internet from work or perhaps from a home computer, where the screen resolutions were most likely close to 1024x768.

Now a plethora of devices with displays ranging from 320x480 all the way to 4K view the web. Today it is increasingly more common to view the web on a mobile device such as a smartphone or a tablet. Here, it's not just the pixel density but also the size of the screen that affects the viewing experience.

In this new age we must consider the context of the viewer: are they in the comfort of home using a 1080p monitor, are they on a bus using a tiny Android phone, are they in a dentist's office reading on a tablet in the waiting room, are they outside in sunlight or in a dark room?

 

This test page was design to see how different width layouts affect viewing ability as well as ease of design. This test page was design to see how different width layouts affect viewing ability as well as ease of design. This test page was design to see how different width layouts affect viewing ability as well as ease of design. This test page was design to see how different width layouts affect viewing ability as well as ease of design. This test page was design to see how different width layouts affect viewing ability as well as ease of design.

It features varying amounts of text, different columns, and even blocked-out regions for photos. It features varying amounts of text, different columns, and even blocked-out regions for photos. It features varying amounts of text, different columns, and even blocked-out regions for photos. It features varying amounts of text, different columns, and even blocked-out regions for photos. It features varying amounts of text, different columns, and even blocked-out regions for photos. It features varying amounts of text, different columns, and even blocked-out regions for photos.

This isn't design so much for responsive web page layouts, but rather having a static experience. This isn't design so much for responsive web page layouts, but rather having a static experience. This isn't design so much for responsive web page layouts, but rather having a static experience. This isn't design so much for responsive web page layouts, but rather having a static experience. This isn't design so much for responsive web page layouts, but rather having a static experience. This isn't design so much for responsive web page layouts, but rather having a static experience.

 

One of the greatest difficulties of developing websites is estimating what devices our user base will use. It used to be much more simple to predict this since users primarily accessed the internet from work or perhaps from a home computer, where the screen resolutions were most likely close to 1024x768.

Now a plethora of devices with displays ranging from 320x480 all the way to 4K view the web. Today it is increasingly more common to view the web on a mobile device such as a smartphone or a tablet. Here, it's not just the pixel density but also the size of the screen that affects the viewing experience.

In this new age we must consider the context of the viewer: are they in the comfort of home using a 1080p monitor, are they on a bus using a tiny Android phone, are they in a dentist's office reading on a tablet in the waiting room, are they outside in sunlight or in a dark room?

This is where a picture might go.