View the workshop details on the Learn page

• Make sure that Middleman is installed on your machine.
• Make sure that you are running Ruby.
• Make sure that you have Google Chrome downloaded. We use Chrome's Web Inspector during development.

Clone this repository onto your machine.

You will be working in the folder called my_project.

From the my_project folder, run:

bundle

Bundler will install the necessary gems.

To run the Middleman server, go into the my_project directory and run:

bundle exec middleman

Go to http://localhost:4567 to view the website in my_project

Refer to the folder example when you are stuck; this contains the completed website.

• 11am-12pm PST/ 2pm-3pm EST
• Lisa — [email protected]
• Lydia — [email protected]

• Neat
• Bourbon
• Style Guides
• Bitters

• Organize their stylesheets in a clean and efficient manner.
• Use the Neat grid framework to set the grid, lay out the composition of a website, and create a flexible and responsive grid. This also means understanding the basic 'box layout' structure and looking at both the 'bigger picture' and the smaller details at once.
• Use the Bourbon mixin library for greater efficiency in styling.
• Create their own mixins and extends to create a clean and modular stylesheet.
• Mark-up a website using semantic HTML 5, strongly influenced by the thoughtbot style guides.
• Understand how to install gems (e.g. FontAwesome) and open-source libraries to build their toolkit and take advantage of using quality, already-made parts.