Non sei loggato | Register | Login

SASS e Compass per migliorare la scrittura dei CSS Aggiungi

News / Software

SASS (Syntactically Awesome Stylesheets) è un metalinguaggio che permette di scrivere del codice CSS in modo più semplice, organizzato e con alcune comodità niente male (ad esempio l'utilizzo di variabili):

Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.

Detto questo è meglio vedere subito un esempio:

    !menu_bg = #2277aa

    #menu
      :margin 0
      :list-style none
      li
        :float left
        a
          :display block
          :float left
          :padding 4px 8px
          :text-decoration none
          :color white
          :background = !menu_bg

Come potete notare non c'è stato alcun sconvolgimento rispetto un CSS standard ed il codice rimane comunque comprensibile anche a chi non conoscere il metalinguaggio SASS; in questo caso è stata usata una variabile, il nesting e l'indentazione ottenendo così del codice pulito e senza ripetizioni.
Il sito permette anche di provare la conversione SASS->CSS dove si possono fare i primi esperimenti ed utilizzare anche le funzioni avanzate (operazioni aritmetiche sulle variabili, funzioni, ecc...).
E poi? Bhe, c'è anche Compass:

Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup.

Personalmente preferisco ancora scrivere del codice CSS puro, stando attendo alla pulizia, organizzazione, ecc... però per progetti di ampie dimensioni, il connubio tra SASS e Compass risulterà sicuramente molto utile.

Daniele Simonin 1 September 2009 alle 06:57 Trackback URI

Scrivi un commento

Tags di formattazione:








Feed

infoPillole (by Wikipedia)

Ultimi commenti

  • byman: Ho trovato molto utile questa raccolta di...
  • Flavio: bella questa!
  • Beta: Thank you.Beautiful CSS form“
  • Daniele Simonin: Per guadagnare molti usano questa...
  • Luca: Per guadagnare bisogna lavorare, io ho raccolto un...

Calendario

September 2010
M T W T F S S
« Aug    
 12345
6789101112
13141516171819
20212223242526
27282930  

Archivio

Categorie

News casuali

Ultimi tutorials

Progetti

Alcuni miei lettori