You most certainly know about Twitter Bootstrap - the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins ...
Essence
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Read more.
Dimensions
The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. View demo.
Purpose
The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.
The color scheme of a website is obviously one of the most significant design decisions that needs to be made. When it comes to color schemes, there are all kinds of possibilities. Some use a bright, colorful scheme to create an attractive website. The sites that are featured in this post are using a simple color scheme of mostly black, white and gray. Monochromatic color schemes can be used with any color, not just black and white, but we’ll be focusing on black and white here. Most of these sites use other colors sparingly, which can be extremely effective for making certain elements stand out. Also, because the element of color has been reduced in these designs, many of them rely heavily on typography and layout structure, as you will see in those being featured. * 25 Beautiful Minimalistic Website Designs
"Yet Another Multicolumn Layout" (kurz YAML) ist ein (X)HTML/CSS Framework zur Erstellung moderner und flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein möglichst hohes Maß an Flexibilität für den Webdesigner und Zugänglichkeit für die Nutzer im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.
Say no to “printer-friendly” versions and yes to printer-specific style sheets. CSS expert Eric Meyer shows how to conceive and design print style sheets that automatically format web content for off-screen delivery. Includes tips on hiding inappropriate content, styling text for the printer, and displaying the URL of every link on the page.