FileNav

online
online: /HTML & CSS/CSS_Tools.md

CSS Tools

CSS Strategies

CSS Pre and Post Processsors

Clay: UNLIMITED* CSS

Clay is a CSS preprocessor like LESS and Sass, but implemented as an embedded domain specific language (EDSL) in Haskell

CSSLike

A CSS preprocessor for node.js, designed to conform to the most recent www-style proposals.

npmjs.org | GitHub

CSSOM (CSS Object Model)

W3C Docs

cssom: npmjs.org | GitHub — CSS Object Model implemented in pure JavaScript. It’s also a parser!

LESS

Website

build-css

npmjs.org | GitHub — Build, concat, and minify LESS and CSS

Dependencies:

PostCSS !!!!!

Website/GitHub

Myth CSS Postprocessor !!!

Node based CSS Postprocessor

Website | GitHub | npmjs.org

npm install -g myth

Usage

# pass an input and output file
$ myth input.css output.css

# watch for changes
$ myth --watch input.css output.css

# stdin and stdout
$ cat input.css | myth | grep background-color

Dependencies

Out Of Bounds CSS Preprocessor

oobcss

SASS (Syntatically Awesome Style Sheets)

SASS Tools

CSS @import Inliners and Minifiers

clean-css

npmjs.org | GitHub — A well-tested CSS concatinator and minifier

csscat

npmjs.org | GitHub — Recursive @import inlining tool

Uses ycssmin to optionally optimize CSS files

GitHub — CSS Minification based on YUICompressor

CSS @import Inliners

CSS Sprite Utils

Glue

Glue is a simple command line tool to generate CSS sprites

GitHub | Glue Docs

Converts directories of PNG images to sprites and generates the appropriate CSS files to use the sprites.

assenius

Compress pngs and generate css sprites

npmjs.org | GitHub

assets2css

Convert asset directory to css with data-uris

npmjs.org | GitHub

CSS Beautifiers

CSS Utilities

NodeJS npm css search