CSS Design
Che cosa è il CSS Design? Il design basato sui CSS - Cascading Style Sheets è stato progettato principalmente per permettere la separazione del contenuto di un documento (scritto in HTML) dalla presentazione “estetica” del documento (CSS); è un semplice (ma enorme) meccanismo per aggiungere stili ai documenti web (tipo di caratteri, colori, immagini di sfondo….come quella che vedi nello sfondo della pagina che stai leggendo). Questa netta separazione ha come risultato un design più leggero, efficace e accessibile. Un sito semplice da caricare, accattivante e lineare permette di trattenere e coinvolgere il visitatore, presentando i contenuti nel miglior modo possibile, attraverso i fogli di stile a cascata. Utilizzando i CSS le pagine si scaricano molto più velocemente, il sito è più facile da gestire e modificare, viene aumentata l’accessibilità e facilitata la SEO per il Posizionamento nei Motori di Ricerca.
Come si realizza il CSS Design?
Tutto parte da Photoshop (per lo meno per me, non ci sono schemi nel web design), per la creazione del PSD (acronimo di Photoshop Document). Una volta terminata la bozza grafica del layout del sito (prototipo), si deve decidere le immagini essenziali da esportare per montare (e abbellire) la reale struttura del sito. Ed è in questa fase che entrano in gioco di fogli di stile CSS. Attraverso semplici righe di codice, viene costruito il layout della pagina web. I CSS presentano il documento esteticamente, mentre il codice HTML (che è un linguaggio di markup) descrive attraverso specifici tag i contenuti, le modalità d’impaginazione e formattazione dei testi, collegamenti ipertestuali, form e altro.
I CSS sono parte essenziale della bellezza del web design. Sono divertenti, utili e soprattutto mai scontati. Per questo motivo il CSS Design è arte, colore, invenzione e creatività.
Così come per l’HTML5, anche i Cascading Style Sheets sono un argomento incredibilmente vasto, una semplice pagina come questa non basta per illustrare le infinite possibilità e potenzialità che si possono ottenere. Molti designer trascurano i benefici che sia hanno utilizzando i fogli di stile per rendere gradevoli i documenti web (chi utilizza le tabelle per esempio, come struttura del sito al posto dei fogli di stile) e soprattutto la vera utilità di questo linguaggio, creato dal W3C (il consorzio degli standard web) nel 1996.
I fogli di stile CSS sono in continua evoluzione, attualmente i CSS3 hanno aperto nuovi orizzonti, offrendo ai designer di sviluppare e riprodurre particolari effetti come ombre, transizioni, angoli arrotondati, opacità, animazioni.....fino a pochissimo tempo fa possibili solo con immagini sviluppate con Photoshop e tecnologie come JavaScript e Flash.