Difference between revisions of "Preprocess"
Jump to navigation
Jump to search
(→LESS) |
|||
| Line 14: | Line 14: | ||
* https://github.com/twitter/bootstrap | * https://github.com/twitter/bootstrap | ||
** http://antjanus.com/blog/web-design-tips/user-interface-usability/customize-twitter-bootstrap-into-themes/ | ** http://antjanus.com/blog/web-design-tips/user-interface-usability/customize-twitter-bootstrap-into-themes/ | ||
| + | |||
| + | === Libs === | ||
| + | * https://github.com/machito/animate.less | ||
=== PHP === | === PHP === | ||
Revision as of 21:02, 24 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