cascading style sheets CSS fogli di stile
chiudi
Il merito dei ricercatori del W3C non e' stato solo quello di aver introdotto miglioramenti nel codice con lo sviluppo di XHTML (evoluzione dell'esistente HTML ) o di aver rivoluzionato l'architettura del web con l'uso dei fogli di stile CSS al posto dei layout tabellari e del mark-up lineare: il grande cambiamento e' avvenuto soprattutto in termini di condivisibilita'. Oggi sembra naturale preoccuparsi di costruire siti con caratteri dimensionabili e con immagini dotate di descrizione per chi ha problemi di vista, di creare layout "liquidi" in modo che siano visualizzabili con risoluzioni e monitor differenti o di implementare versioni testuali delle pagine web rendendole navigabili senza l'uso di stili e di script; tutte cose a cui ora prestiamo attenzione ma che negli anni passati abbiamo inconsapevolmente ignorato. La grande innovazione, quindi, e' stata quella di aver dato voce alle esigenze e alle priorita' di tutti codificando quei requisiti fondamentali che il web deve possedere per poter essere condiviso nella sua integrita'. E' in questo contesto che vanno visti gli "standard" e non come una ferrea lista di rigorose codifiche volte a frenare la nostra espressivita' o la nostra creativita'. Se si entra in questo ordine di idee, allora c'e' spazio per tutte le tecnologie disponibili compreso Script e Plug-in come Flash, Java e altri applicativi multimediali senza il rischio di farne un uso controproducente. Le animazioni, le funzionalita' interattive, gli effetti grafici, sono tutti arricchimenti importanti perche' catturano l'attenzione, servono come collante tra le varie parti dei layout, favoriscono la navigazione in modo induttivo e altro ancora, ma vanno usati con consapevolezza e buonsenso conoscendone le caratteristiche proprie e di conseguenza anche i limiti. Usiamo quindi tutto cio' che ci pare ma diamo priorita' alla semplicita'. Non utilizziamo Javascript o Flash per un semplice Roll-over ottenibile con una stringa di CSS e non costruiamo l'intero sito con tecnologie "chiuse" nascondendo testi e navigazione dentro a un file swf... utilizziamo piuttosto vari filmati inseriti in un contesto "standard web" in modo che chi non ha il relativo plug-in installato possa consultare ugualmente il sito e soprattutto in modo che i motori di ricerca possano indicizzarne il contenuto. A noi francamente non interessa dilungarci su cio' che e' riconosciuto "valido" o meno rispetto ai vari tipi di mark-up riconosciuti tipo XHTML Transitional o Strict, ne' ci preoccupa affrontare il problema di certi comandi come il Tag <embed> utilizzato da Flash e di farli "digerire" al W3C (ci sono gia' abbastanza forum pieni di queste dissertazioni), a noi preme che chi sviluppa web abbia la conoscenza e la consapevolezza necessarie per poter far largo uso di "buonsenso" ed eco-intelligenza e che non usi un TIR per andare a comprare il giornale quando e' ovvio e sacrosanto che una camminata di un paio di isolati sia la soluzione ottimale.

Gli ultimi lavori web

SVdati013 storeCeeBeeTecnoEXcellenceCasarredodesignOrtodenteVitamine CreativeCentro Formazione MelloniAIRF AurigaPC Aiutami
Cliente: www.svdati.com

Sito in CSS 3 realizzato per un ingegnere che si occupa di recupero dati. L'uso di "a:hover span" ormai collaudato in altri nostri siti crea una suggestiva presentazione di illustrazioni nella home page e contribuisce a esemplificare le varie attivita' con un menu' rapido e funzionale nelle pagine "servizi". La pagina "contatti" contiene un Form-email realizzato in CSS senza tabelle.

Cliente: www.013store.it

Sito in CSS 3 realizzato per un negozio di usato nell'ambito dell'abbigliamento e delle attrezzature per l'infanzia: lodevole iniziativa. I filmati flash caricano immagini e testi esterni in modo da poter essere aggiornati direttamente dal cliente senza problemi. Alcune soluzioni di overlay tipiche dei fogli di stile permettono inoltre di personalizzare headers e banners all'occorrenza.

Cliente: www.ceebee.it

Logo e sito in CSS 3 realizzati per una stilista di accessori moda. La Gallery mette in luce le possibilit creative dei fogli di stile mantenendo precisione e velocita' nei roll-over. Un raro esempio di slide-show dove il cambio immagine avviene sullo sfondo rispetto agli anchor che stanno in primo piano.

Cliente: www.tecnoexcellence.com

Logo e sito in CSS 2.1 realizzati per un gruppo che si occupa di Coaching Manageriale. Buon esempio di come anche roll-over complessi e tabelle stile Excel possano essere ottenuti utilizzando esclusivamente i Cascading Style Sheets. Velocit ed ergonomia rendono la navigazione facile e piacevole.

Cliente: www.casarredodesign.it

Sito in CSS composto da 54 pagine e 188 immagini realizzato in sole due settimane sulla base di un progetto grafico ideato da CBseeCOM. Fatta eccezione per il breve filmato Flash dell'animazione logo e per il contatore-visite, l'intero sito non contiene script. Tutti i roll-over sono ottenuti con CSS 2.0 e il layout, privo di tabelle, e' la replica fedele della brochure cartacea.

Cliente:www.ortodente.it

Sito commissionato da G&F Communications realizzato in CSS con animazione iniziale in Flash. Questo progetto e' un esempio di come i fogli di stile possono essere utilizzati profiquamente anche in casi di layout complesso. Avessimo dovuto ricorrere a una architettura a tabelle, con il posizionamento dei link circolare, avremmo ottenuto un sito pesantissimo e complicatissimo da aggiornare.

Cliente: www.vitaminecreative.com

Il sito, costruito interamente in Flash, non appartiene alla categoria "Standard Web". Il cliente (G&F Communications) voleva espressamente una sorta di brochure virtuale che contenesse tutti i lavori dell'agenzia e servisse da presentazione. Lo teniamo insieme agli altri siti se non altro per la divertente animazione iniziale e per la complessita' del progetto: 38 filmati interfacciati. (pasticca realizzata con Rhino 3D)

Cliente: www.cieffemme.com Centro Formazione Melloni

Sito in CSS 2.0 script-free, gioca tutto su i colori e su i roll-over testuali che, realizzati ad hoc, servono a mantenere il layout dell'intero sito nello spazio monitor e allo stesso tempo permettono ai motori di ricerca di leggerne interamente il contenuto come se fosse scritto per esteso all'interno delle pagine. (logo artwork Rhino 3D)

Cliente: www.airfauriga.com A.I.R.F Auriga - Associazione Riflessologhi Federati

Un sito molto lineare e pulito che rappresenta una delle Associazioni piu' interessanti nell'ambito del "Benessere". In continuo aggiornamento per quanto riguarda i contenuti, i corsi, il calendario ecc... trova nei Fogli di Stile CSS l'architettura ideale per la praticita' e la rapidita' con cui si possono apportare modifiche.

Cliente: www.pcaiutami.com

Un sito senza fronzoli ma molto funzionale per questa bella iniziativa di offrire gratuitamente assistenza informatica on-line. L'architettura e' semplicissima e si trova tutto in modo istantaneo come dovrebbe essere per chi ha bisogno di aiuto con il computer e non ha tempo da perdere con le navigazioni confuse, i log-in, le animazioni ecc.. 116 pagine e oltre un centinaio di immagini "volano" grazie ai CSS.