23

I were looking for a CSS Framework to help me built website, when I struck with Compass.

Now, while I understand what a CSS Framework is, I don't understand what's a CSS Authoring Framework.

Expecially, I don't understand if it "replaces" a CSS Framework (like blueprint) or you should use it with a CSS Framework.

I'm building a website using Ruby On Rails, and I use SASS but no CSS Frameworks at the moment. If anyone can point me in right direction after answering the question, it will be really appreciated.

Edit 1: Also, which is the difference between a CSS Framework and a CSS Authoring Framework

Francesco Belladonna
  • 11,361
  • 12
  • 77
  • 147

2 Answers2

18

A CSS Framework is (in most cases) a fixed set of basic CSS definitions. f.e. it brings definitions for some classes which make a basic div-based HTML-layout usable for different screen-widths. (aka liquid layout)

A CSS Authoring Framework (in meaning of Compass) brings no fixed set of CSS definitions. In opposite to a standard CSS Framework, it helps to write CSS rules with various helpers - but you have to write almost every CSS definition by your own. Some examples for helpers: Compass helps you to fix some common browser issues (IE floats ..). And you can create CSS sprites from existing images with all the CSS definitions on the fly.

You can write your own CSS Framework with the help of a CSS Authoring Framework, or you can simple build on top of a existing CSS Framework.

emrox
  • 524
  • 3
  • 14
  • Mh, so basically the CSS Authoring Framework is an environment which helps you building CSS, not directly a CSS Framework (which obviusly you can still use with an authoring framework) – Francesco Belladonna Jan 28 '13 at 14:30
  • 6
    I want to add a comment. After I started using compass I understand exactly what it stays for: Compass is like activesupport for rails, it's a set of helpers that avoids you writing something like vendor prefixes and things like that. It also add some nice helper methods like margin-trailing and similar things. There are a lot of frameworks based on compass which will boost your development, anyway you can use compass with other frameworks quite often. Authoring because it allows you to "compile" your sass code into normal css (at least I think). – Francesco Belladonna Mar 10 '13 at 23:39
  • Adding another comment to make the answer more complete, analyzing the "CSS Authoring Framework", it's a framework for **authors** of CSS Framework, so definitely it's used to help you build CSS Frameworks. – Francesco Belladonna May 08 '13 at 15:50
2

CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language.

Layout-grid-related CSS frameworks include Bootstrap, Blueprint, 960 grid, YUI CSS, and other grids.

Like programming and scripting language libraries, CSS frameworks are usually incorporated as external .css sheets referenced in the HTML .

They provide a number of ready-made options for designing and laying out the web page. While many of these frameworks have been published, some authors use them mostly for rapid prototyping, or for learning from, and prefer to 'handcraft' CSS that is appropriate to each published site without the design, maintenance and download overhead of having many unused features in the site's styling.

Somehow, CSS framework == CSS Authoring framework

Milche Patern
  • 19,632
  • 6
  • 35
  • 52