CSS Design Patterns
Mercoledì 11 Novembre 2009 - 08:00
di Gabriele Romanato
Uno degli errori più comuni che si commettono quando ci si appresta a creare un nuovo template per un sito è quello di scrivere il codice senza avere una chiara idea di quali saranno le caratteristiche finali del nostro lavoro. Ho appena finito di leggere PHP Design Patterns della Wrox, in cui molta enfasi viene giustamente posta sulla fase di progettazione del lavoro. Fare le giuste domande al cliente è il modo ottimale per evitare di dover apportare modifiche all’ultimo momento riscrivendo tutto.
Un altro aspetto chiave è la riusabilità del codice e l’uso di pattern che ci semplifichino il lavoro. Un esempio di tali pattern CSS sono le regole di stile necessarie ad ottenere un reset globale degli elementi della pagina. Anche se i CSS non sono un linguaggio di programmazione come PHP, nondimeno rispondono ad alcuni requisiti comuni, quali il fatto di dover riutilizzare spesso porzioni di codice già utilizzate in altri lavori. Per esempio, realizzare un layout a due colonne con header e footer implica l’uso di un pattern per la realizzazione dell’header, uno per la creazione delle colonne ed uno per il posizionamento del footer sotto di esse.
Se analizziamo le regole di stile richieste per ottenere questa presentazione, potremmo notare che esistono varie similarità tra le scelte disponibili in vari progetti. Persino le classi CSS presentano in alcuni casi l’uso di pattern riconosciuti (come per esempio la classe .alignleft per le immagini in Wordpress). Concludendo, si può affermare che l’uso di pattern non solo semplifica la scrittura del codice, ma anche la flessibilità ed adattabilità di quest’ultimo.
Commenti
1
L’uso di patterns è sempre consigliato in quasi tutti gli ambiti e non solo nella programmazione.
E’ vero però che nella progettazione, modellazione e programmazione informatica danno il loro meglio.
2
l’unico problema è che anche i pattern seguono delle mode…
ho del codice che camelCase, altro con underscore in stile php, altro con tre lettere iniziali che identificano il tipo di oggetto (txtProva), insomma… non se ne esce !
ogni tanto vorrei riprendere tutto il codice scritto in 10 anni e normalizzarlo :) poi ci ripenso e, chiaramente, desisto
3
C’era un libro della Apress che forniva tutta una serie di pattern per html e css: http://www.apress.com/book/vie.....1590598040 …ma è troppo macchinoso impararli tutti a memoria. L’ideale secondo me, è la creazione di un framework personale, da cui attingere volta per volta. Anche perché, ad esempio, un layout a due colonne potrei ottenerlo in molti modi differenti :)
@simplemal
Beh credo che i pattern siano indipendenti dal modo specifico in cui siano scritti. L’importante è seguire il concetto