Tripoli CSS Rendering Foundation

David Hellsing has created a new CSS Rendering Foundation (if that confuses you, think framework) with cross-browser compatibility.

The CSS files basically include a global reset, generic styles, and a print stylesheet. There is also an IE stylesheet for specific IE bugs. The CSS files looks pretty good.

All of the typography is based on The Elements of Typographic Style:

Vertical rhythm, line-heights, margins and font sizes have been carefully selected to follow classic typographic guidelines from books like “The Elements of Typographic Style“. All measurements are set in em’s, so it’s very easy to do elastic and dynamic layouts while still keeping typographical proportions. Rules like font-size and font-family are set globally so you can easily override them with new values that suits your project without ruining the natural flow.

Even cooler, Tripoli also introduces the idea of using “plugs” to extend the generic base code:

One of the ideas behind Tripoli is to allow external plugs to extend the generic base. To demonstrate this, I have created a negative plug that changes all colors to prepare for a negative layout. Other plugs could be sidebars, menus, rounded boxes, code formatting and other helpful widgets.

The Tripoli site includes several examples of how it works. My particular favorite is the example where he takes a page from a W3C spec and completely restyles it (links to the changed styles at the top of the document):



appointive
appointive
appointive
appointive