This is a collection of CSS projects demonstrating the ability to create 'pixel perfect' websites from design files and images of websites online using SASS, tinkering with Bootstrap, and grids.

Nodebots Frontpage

This is a recreation of a JS conference frontpage. The CSS is my recreation of their styling using SASS. The HTML is cloned.

• SASS
• Robot head created only using CSS

Todos

A 'Pixel Perfect' recreation of a photoshop design file

• Responsive hamburger
• Responsive layout
• Intelligent HTML structuring
• SASS

Box Model Project

Visual demo of CSS essentials.

Company Site

A pixel-perfect responsive website built from design files.

Fluid Gallery

A demonstration of fluid CSS.

Portfolio Sketch

Proof-of-concept code spike skeleton page experimenting with bootstrap to create an about-me page.

Web Store Catalog

Implements a CSS modal using a checkbox trick.

Nutrition Label

This is a 'pixel perfect' recreation of a nutrition label image.

Realtime

This is a recreation of a JS conference frontpage. The CSS is my recreation using SASS.

JSConf - Incomplete

This is a clone of a js conference webpage. The CSS is my recreation of their styling using SASS.

Todos Items:

• Add screenshots to this readme
• Need to complete framework project