Difference between revisions of "Preprocess"
Jump to navigation
Jump to search
(→LESS) |
(→Other) |
||
Line 44: | Line 44: | ||
* http://pcss.wiq.com.br/ | * http://pcss.wiq.com.br/ | ||
+ | |||
+ | == Future == | ||
+ | * http://www.lispcast.com/cascading-separation-abstraction |
Revision as of 17:25, 29 December 2012
Semantics
- http://blog.carbonfive.com/2009/03/02/compass-960-semantics/
- http://richarddingwall.name/2009/12/28/semantic-css-grid-layout-with-less/
- 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.
Libs
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