Blog - News, interviews and lots more
An Example CSS FrameworkTweet
24 March 2008 | | | Supports v2.4, v2.3
A CSS framework is a set of pre-prepared style sheets that can be used as a starting point for any project. Using a framework allows you to skip all the tedious parts of getting the basics right and lets you start working on what makes your site different from the beginning.
UPDATE - Sept 2010: The Updated files are much improved and include amoung other things a CSS only Sticky Footer, along with improved markup and CSS.
There are numerous advantages to using a CSS framework, including cross browser compatibility, increased productivity and improved consistency between projects. The framework provided here is aimed at those developing sites using the SilverStripe CMS, but is just as useful for anyone developing a CSS based layout.
The files included are:
- index.html - Sample HTML 4.1 strict page for use testing and developing the CSS. This will later form the starting point for making your templates.
- layout.css - This is the core layout and contains all the wrappers, menus and page elements styling.
- typography.css - This contains all the content styles for elements such as fonts, links and headers.
- form.css - Contains all the styles for forms. This file is the same one as is included with the silverstripe blackcandy theme in v2.3.
- ie6.css - Holder for any future (inevitable!) Internet Explorer 6 fixes. Conditionally included into the template HTML file when the browser is IE6.
- ie7.css - As above but for the slightly improved yet still temperamental Internet Explorer 7.
- editor.css - This is for use when you get to SilverStripe, it automatically imports your typography style sheet into the WYSIWYG editor.