Structural Naming Convention in CSS

Found this interesting and informative post on the Six Revisions blog which is part of his CSS Tips series.

Structural naming convention means that you name elements by describing what they are, rather than where they are or how the look. You do this by assigning a class (dot) or id (# hash mark) to the [...]

HTML / CSS Template Creation Tips and Tricks

NEW: From the Factory Tutorial — Today we are going to look at some tips and tricks you can implement when creating an (x)html & css template. Hopefully these tips will increase the overall quality of your templates.

Write clean code with consistent indentation – When writing your XHTML code, be consistent in the amount [...]

Are You Following the Principles of Top Notch CSS Design?

Cascading Style Sheets – or CSS for short – allows web designers to separate the presentation of their sites from the content. CSS can be used to style any element of your page or place the elements on the page.

CSS can be an extremely powerful markup language for designers.

However, the CSS that is produced is [...]

What is browser chrome?

Browser chrome does NOT refer to Google’s addition to the browser market – Google Chrome.

Browser chrome refers to the borders of a Web browser window, which include the window frames, menus, toolbars and scroll bars. When designing a Web page, the browser chrome must be added to determine the width of the page.

If you look [...]

CSS Box Model: The Foundation For Improving Your CSS

CSS Box Model Illustration

The CSS box model lies behind everything you do in CSS. Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. . . . .In nutshell, the box [...]