Coding the Bootstrap Portfolio using Twitter Bootstrap, HTML5 and CSS3

In the first part of this tutorial we designed the website in Photoshop. Now we are going to code it using Twitter Bootstrap, a great web design tool that helps speed up the development process of a website. In this tutorial I will show you how to slice images for the web in Photoshop, how use the Bootstrap 960 grid to structure the layout and how to set up Bootstrap Togglable Tabs to make the portfolio area functional. We will also cover some new CSS3 properties, such as transition and rotate. Let’s get started.

Read more