Thick As Brick - the simplest html template for layout

Why was I harmful?
Because I did not have a bicycle!
Cartoon "Three from Prostokvashino"

When you do the same thing ten times, for the eleventh time you willy-nilly start to think about how to optimize the process. So with the layout: after a dozen imposed pages, I want to slightly simplify my task. Here, of course, various frameworks come to the rescue (which only costs oocss or the coolest CSS-framework from Yandex or a whole bunch of other equally interesting frameworks). Build systems will also be useful ( Ant is in the service of Artemy Lebedev’s studio , and I am also slowly grasping Tao). Do not forget the various khaki and layout templates, of which there are countless on the Internet.

However, what about the site for which you need to create a couple of typical pages? It makes no sense to carry with them a bunch of extra CSS-code. In addition, many designers are much easier to write quality code from scratch than to overload a bunch of pre-declared useless classes. What to do?
')
To solve this nontrivial task that was sucked from the finger, I wrote the simplest template for the layout, which greatly facilitated my work on projects. The template is primitive and simple (that's why it is called so); in no case does it claim to be a framework (minus the karma to anyone who calls it a framework!;)). It carries pre-declared CSS classes for working with menus, lists, forms, resets of main tags (such as resetting indents for forms and correct indents for <p>), and some other goodies for me.

For the most impatient, I will give a link to the project in Google Code , and the most curious, I will tell you that Thick As Brick consists of:

• html file index.htm
  This file contains links to styles and javascripts, empty meta tags and checking the presence / absence of javascript (for more information about the last paragraph, read the blog by Vitaly Kharisov);
• css- css / common.css
  The file contains a minimum set of resets (for body, a img, form, p and headers) and a basic set of classes (.no-margin, .no-float, .pseudo-link, ul.news, ul.menu, ul.tiles, table.reset, ul.reset, etc.). It is assumed that the coder will not change this file, but will edit css / custom.css, which will be discussed below
• css-file css / common-ie6.css
  The file is responsible for the compatibility of the most common classes with our favorite IE6
• css-file css / custom.css
  The file contains the styles that can be changed while working on a specific project (the original custom.css is empty and contains only comments;)).
• css-file css / custom-ie6.css
  This style file also ensures css / custom.css compatibility with IE6.
• js file js / script.js
  Empty js file. For further "adding"
• single pixel gif images / common / x.gif
  The file is useful in very rare cases.

You can download the template from here in the archive or download the latest version (the archive and the version in SVN are identical).

I really hope that this article will encourage other users, if not to take advantage of their work, then at least force them to write something of their own and tell about it in the comments;).

My twitter and blog