Difference between revisions of "Preprocess"
Jump to navigation
Jump to search
Line 2: | Line 2: | ||
* https://gist.github.com/674726 | * https://gist.github.com/674726 | ||
+ | |||
+ | == Semantics == | ||
+ | * http://blog.carbonfive.com/2009/03/02/compass-960-semantics/ | ||
+ | * http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/ | ||
+ | * http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html | ||
== LESS == | == LESS == |
Revision as of 06:40, 20 December 2012
Semantics
- http://blog.carbonfive.com/2009/03/02/compass-960-semantics/
- http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/
- http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html
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.
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