CSS layout with 960 Grid System

1

Introduction to the layout of web pages using CSS with the 960 Grid system.

two

First demo of the use of the CSS 960 Grid framework, to learn the most basics about layout with CSS using this grid system.

3

Knowing and exploiting the different classes (CSS class) available for CSS layout with 960 Grid System.

4

We will see an example of CSS layout using the classes available in 960 Grid System, to serve as practice.

5

Various files for download that will be useful to follow the video of web design from scratch with Photoshop and the CSS 960 Grid System layout manual.

6

Development of the layout of a website with 960 Grid System, step by step and from scratch, from an image designed with Photoshop. With video tutorial.

7

We continue showing a real case of CSS layout using the CSS 960 Grid System framework.

8

We have finished creating in XHTML and CSS the example layout template to show how the 960 Grid System works, with video included to illustrate the process.

9

CSS files from the CSS 960 Grid System framework, but translated into percentages, instead of pixel measurements, thinking of “Responsive Web Design”.