Projects

• Foundry UI elements
• The UI elements used in the SARD Foundry Appraisal System. Created using Bootstrap
• Laughing Bag
• An ongoing project where I have recorded friends laughing and created a site where the laughs overlay each other as you move the cursor around the screen.

Layouts

• 01: Newspaper article
• A recreation of a Guardian paper article using responsive design
• 02: Flowing text in multiple columns
• Playing with flowing text across multiple columns.
• 03: Folio bubble layout
• The original boilerplate version of my folio layout.

Bootstrap grid structures

The following are a series of very basic layout structures.

• Standard grid, 30px gutter
• A reference grid showing the default gutter of 30px
• Standard grid, 16px gutter
• A reference grid but with the gutter changed to 16px
Bootstrap : Experiment with Even column gutters: A non-fix
A failed attempt at creating the gutter even to to the sides
Bootstrap : Experiment with even column gutters: A non-fix
A failed attempt at creating the gutter even to to the sides
• Even column gutter in the Bootstrap grid
• An experiment in creating even column gutters, even with nested Rows
• Bubble Grid 01
• My first attempt at creating a bubble grid of 12 elements using Bootstrap and Flexbox.
• Bubble Grid - Flexbox Basic
• 12 bubble grid created in pure flexbox. Nothing added.