Hello, my name is Ren Provey.
I am a full stack web software developer with a deep interest
in iOS, user experience and
analytics.

Hola 960.gs

"The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements." - http://960.gs/

What the hey? Sounds good enough to me, lets give it a whirl. Since this site is heavily gridded, I decided to convert it.

For starters I added the following a wrapping div <div class="container_12">, you could go with 16 column grid: <div class="container_16"> and was in business.

Basically, moving items about the grid, is dead simple, above is my introduction:
<h1 class="grid_5 prefix_7 clearfix">Hello, my name is ... and technology.</h1>.

The class grid_5 places the element across 5 elements of the grid. I added a class of prefix_7, which shifts the element to the right by 7 grid columns.

By using the grid, prefix suffix, classes you can position elements about the grid. The last bit to remember is that if a continer has a grid within it, attach a class of alpha and omega to the last.

Notes

960.gs Series

HTML5 Series

Jekyll Series

Git Series

Around the Web

Twitter: @renprovey
LinkedIn: Ren Provey
GitHub: ren
Work: CityBits, the guide to all the bits of your trip that you'll rave about to your friends.

Places worth visiting

David Eisinger
Memorly