SenCSs stands for Sensible Standards CSS Framework, (pronounced "sense"). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.

Download:

• Fully commented version: sen.0.6.css
• Minified version for production use: sen.0.6.min.css

What SenCSs is and is not

For one, SenCSs isn’t a framework like other CSS frameworks. It doesn't include a layout system, and I'm actually not sure it should be called a "framework" — But I'll go with it until I find a better term.

Now, if not a layout system littered with silly classes and pre-set grids, what does SenCSs do for you? SenCSs does everything else: baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and more. All the stuff that's almost the same in every project, but that you keep writing again and again …and again. SenCSs handles that for you. And nothing more.

What does SenCSs do for you?

Stays close to the browsers base styling, but adding some sense to it

Sets a vertical rhythm for all elements (18px baseline)

Sets a common typographic standard across browsers

Has fonts specified for windows, mac and linux

Is optimised, meaning no “double resets”, to make the CSS as efficient as possible

What does SenCSs not do?

Force a lay-out system on you

Sneak in unsemantic classes

Demo

The example file shows all the functionality SenCSs offers.

Further reading

• Read all blogposts tagged with SenCSs for more information
• SenCSs at Google Code

Changelogs

Changelog for version 0.6 (released 23 Februari 2009)

• tweaked sub/sup styling to make them easier to work with
• removed explicit link colour, unneeded background colours, .section declaration
• placed back missing quote functionality in the css reset
• moved list style from the list item to the list container
• fixed safari bug with monospaced fonts
• reworked form styling
  • added borders
  • refitted to the vertical rhythm
  • added optgroup styling for firefox
  • pixel perfect in firefox and ie6/ie7

Changelog for version 0.5 (released 24 December 2008)

• fixed problematic styling of tt/kbd/code and sub/sup in firefox and ie6 + 7 on windows
• removed search form styling, horizontal description lists first-line style
• improved firstParagraph:first-letter
• many form styling improvements
• removed changelogs from the SenCSs file
• start made for @CSSDOC style comments

changelog for version 0.4.6 (released 28 July 2008)

• fixed a missing comma in the font-family of textarea
• fixed a firefox 3 bug and opera bug in .firstParagraphArticle:first-letter
• fixed img styling inside elements
• added table styling

changelog for version 0.4.5 (released 21 June 2008)

• removed background:transparant;
• set explicit focus styles
• added liberation sans as the 2nd fallback font
• removed small-caps from code, kbd and tt
• added a warning style
• changed the first paragraph style
  • removed all-bold paragraph
  • set the first line to bold, removes small-caps
  • positioned the first letter crossbrowser
• added i and b styling
• added a two column DL style
• improved sub rendering in opera and ie
• rewrote all margin-* & padding-* to margin/padding
• added a font-size-adjust to pre, tt, kbd and code
• added explicit line-height for safari 2
• added acronym stylings

changelog for version 0.4 (released 15 June 2008)

This is the first release, so there are no changes here :)

Thank you!

A thank you for the people that in any way contributed, helped and gave feedback.

• Eric Meyer
• Paul Chaplin
• Wouter Klein Heerenbrink
• Andy Ford (and Sava CMS)
• Jonathan Snook
• Bert Visser
• Matt Varone
• Anatoli Papirovski
• Probably some others I shamefully forgot :)

& this is the last sentence on this page, fin!