Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is a CSS Authoring framework?

Tags:

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

like image 358
Francesco Belladonna Avatar asked Jan 28 '13 13:01

Francesco Belladonna


People also ask

What does a CSS framework do?

What are CSS Frameworks? In essence, a CSS framework comprises several CSS stylesheets ready for use by web developers and designers. The stylesheets are prepped for use for standard web design functions: setting colors, layout, fonts, navbars, etc.

Is CSS a framework or library?

A CSS framework is a library allowing for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid.

What is Compass CSS3?

Compass is an open-source CSS Authoring Framework. Experience cleaner markup without presentational classes. It's chock full of the web's best reusable patterns. It makes creating sprites a breeze. Compass mixins make CSS3 easy. Create beautiful typographic rhythms.


Video Answer


2 Answers

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.

like image 57
emrox Avatar answered Oct 01 '22 21:10

emrox


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

like image 2
Milche Patern Avatar answered Oct 01 '22 21:10

Milche Patern