Difference between revisions of "Preprocess"
Jump to navigation
Jump to search
(→Sass) |
|||
| Line 6: | Line 6: | ||
=== Grid === | === Grid === | ||
* https://github.com/DavidTurner/960-LESS | * https://github.com/DavidTurner/960-LESS | ||
| + | |||
| + | * http://semantic.gs/ - less and sass | ||
| + | ** http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/ | ||
=== PHP === | === PHP === | ||
Revision as of 09:27, 22 July 2012
LESS
- LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.
Grid
- http://semantic.gs/ - less and sass
PHP
- http://leafo.net/lessphp/ - v3.0.5 June 10th 2012
Stylus
- Stylus - Expressive, robust, feature-rich CSS language built for nodejs
- nib - Stylus mixins, utilities, components, and gradient image generation
Other
- csscrush - An extensible PHP based CSS preprocessor
- PCSS - Shortcut-oriented Server-side CSS3 Preprocessor
- Pre-defined CSS constants and PCSS functions to make the CSS writing more intuitive and to make the code slimmer and even more readable
- Class nesting
- Variables that can hold any kind of data
- Default unit and default image directory to set for pre-defined functions
- @font-face shortcut with server-side browser detection for slimmer resulting code
- Browser-specific shortcuts are detected on server-side to avoid redundant commands (like many "-webkit", "-moz", etc.)
- Minifies the resulting CSS file
- PHP5