Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Variabili e modularità  con i CSS

Un approccio alla programmazione con i CSS per aggiungere variabili e modularità.
Un approccio alla programmazione con i CSS per aggiungere variabili e modularità.
Link copiato negli appunti

Alex Russel ha da poco scritto CSS 3: A Giant Serving Of FAIL, un intervento in cui illustra quanto i CSS 3 siano poco flessibili e modulari. Sarebbe bello, dice, se si potesse scrivere qualcosa del genere:

@define hlColor red;
@define hlBgColor yellow;
@define oUpdateColor #3f5070;

.highlight {
color: {hlColor};
text-decoration: underline;
}

.updated {
@importRule '.highlight';
background-color: {hlBgColor};
}

.updatedByOthers {
@importRule '.updated';
color: {oUpdateColor}; /* a nice dark blue */
}

Il post di Russel mi offre lo spunto per segnalare che ci sono già  alcuni strumenti e linguaggi di programmazione che potrebbero fare al caso. Il primo è il PHP: un buon punto da cui partire potrebbe essere PHP-generated CSS magic.

Configurabile con un CGI e basato sul linguaggio di programmazione LUA, un'alternativa potrebbe essere Moonfall.

Oppure, con una sintassi simil-Pyton, ecco CleverCSS, che consente di definire variabili, selettori discendenti e molto altro.

Personalmente non ho ancora provato approcci del genere, e anche se ritengo che possa essere vantaggioso, lo sarebbe molto di più
se fossero una caratteristica dei CSS. E voi, avete mai usato o sviluppato soluzioni simili? Che ne pensate?

Ti consigliamo anche