Quick Start Guide (with Video)

The first thing you will need to do is decide which parts of the framework you want to use. Since this framework includes a grid, a general stylesheet, and a css reset you need to decide if you are going to use any of them. Here are brief descriptions of the items you can choose from any why you might want to use them.

• The Grid The grid allows you to keep your columns and sizes of some elements consistent and provide a more visually pleasing website. The grid is decently easy to use, go to the grid documentation for more information on using our grid framework.
• General Stylesheet The general stylesheet contains a set of styles that work well in your websites. It contains most elements you will ever use. The down side is, if you like to style all your elements from scratch this general stylesheet might make you wonder why things are displaying in a certain way. This stylesheet is recommended for people who don't want to, or don't know how to deal with major styling properties. If you are an advanced designed you should go through and just restyle the elements you are not happy with.
• Reset This reset is very common and used by thousands of websites. It provides a starting ground for your website, removing all the styles different browsers will apply to your website. This is highly suggested, it might save you a lot of headaches in the long run.

The second thing is to either modify the index(demo html file) or to start from scratch. If you know about html5 and its properties/tags/attributes you can do this, but if you are new to it then we suggest you just start with it. It has all the important new features of html5. You will need to remove the following elements from it.

This code will be found in the head tag of your document.

Then you will need to of course empty the text inside the elements, and remove unnecessary ones.

Here is a video of how the 52framework website was created using the first version of the framework.

Creating the 52framework website based on the 52framework! (long video, with no sound but very very educational )

Please comment with any suggestions and we will try to add them to this file.

Posted By: agrublev