Difference between revisions of "Preprocess"

From Things and Stuff Wiki
Jump to navigation Jump to search
Line 5: Line 5:
  
 
=== PHP ===
 
=== PHP ===
* http://www.phpsass.com/
+
* [http://www.phpsass.com/ PHPSass] - richtheeek fork of PHamlP for Drupal
* http://code.google.com/p/phamlp/ - older
+
* [http://code.google.com/p/phamlp/ PHamlP] - older
  
 
== LESS ==
 
== LESS ==

Revision as of 19:49, 20 July 2012


Sass

See also Sass

PHP

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

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