Construct is a visual layout editor based on Blueprint & jQuery! This is version 0.5, last updated on April 27, 2008. This project was built by Christian Montoya, and exists both as a useful tool for CSS designers and as proof that a visual layout editor is possible to acheive with clean CSS & semantic HTML.

Interesting use of a CSS Framework for "Flow" Web documents and pages: Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. Why should you use emastic? .... Lightweight (compressed weight less then 4kb) ..... Personalized width of the page in (em,px,%) ....... Use of fixed and fluid columns in the grid. .......... Elastic Layout with "em"s

Some bright folks also feel the same pain and went ahead and built meta-languages and compilers that take their own version of CSS and compile it to standard CSS code. Their own CSS meta-language is thus able to have new features, like variables, mixins, operations and so on. The most notable of these right now is SASS (part of HAML). I've tried SASS and really liked it, but one thing really bothered me. I didn't like how all the syntax was different to CSS. Sure, it's not CSS anymore, it's SASS, but do we really need to change the syntax of the stuff already present in CSS - why not just expand it? I've asked a friend of mine who is much more competent at programming than me about how long it would take to code a CSS compiler that retained the original CSS syntax but added a bunch of new features. He liked the idea and so we've put together our own version of CSS together with a compiler we call LESS, which stands for Leaner CSS.

Chris Coyier discusses the basics of the CSS Box Model: "every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit, and about their behavior." "What we haven't talked about much is the box itself. How is the size of the box calculated exactly? "

Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don't think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages. Thinking modular Grids are a template, a framework within which creativity can flourish. Too many designers spend time looking at a blank canvas, trying to figure out where elements should be positioned, but, if you have a flexible underlying grid, many such problems are already solved for you. It becomes obvious where and how elements should and can be positioned, thereby leaving you, the designer, with more time to work on graphic design and other page components.

Chris Coyier on writing good HTML-CSS

Terra Informatica services include: HTMLayout, WYSIWYG HTML Word Processor, and TIScript compiler-vm.

List of CSS articles and tutorials at SitePoint. Includes Adobe AiR and WebKit implementations.

The easy way to use CSS2.1 to solve difficult cross-browser layout issues: CSS tables solve all the problems encountered when using absolute positioning or floats to create multi-column layouts in modern browsers. Specifying the value table for the display property of an element allows you to display the element and its descendants as though they're table elements. The main benefit of CSS table-based layouts is the ability to easily define the boundaries of a cell so that we can add backgrounds and so on to it-without the semantic problems of marking up non-tabular content as a HTML table in the document.

Very nice. Great looking lists! Found this link at CSS-Tricks