Un esercizio di stile con i css3: creare il logo di Opera
DavidDesandro si è divertito con questo esercizio a mostrarci le potenzialità dei css3, alla facciazza di Explorer (guardate che schifezza che viene fuori).
Sorprendente vero?
Amazon-Box creato da Giuseppe Frattura
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
18 Commenti
O_O bellissimo l’effetto… e soprattutto bellissimi anche gli effetti nel footer ai testi :O, sono fatti con css oppure c’è qualche script dietro ?
tutto css!!
ho controllato con ie8 e infatti come pensavo e come era ovvio l’effetto non funziona… questo browser spesso mi fa passare la voglia >_>
@alessandro: essì. hai visto già nell’anteprima sopra? ie6,7 e 8…:S
Bello il logo quadrato, mitico IE
Si però c’è anche da notare che per webkit e firefox sono stati utilizzati comandi non standard css3, ma specifici dei motori.
ritengo che quindi il migliore risultato sia quello di opera.
Stiamo qua a lamentarci che IE non è standard, ma allo tempo neanche gli altri lo sono, solo che effettivamente permettono comunque di ottenere dei risultati.
Mi piacerebbe avere le capacità e il tempo per provare a fare il logo con tutti gli hack possibili per IE per dimostrare che in realtà è solo una questione di volontà nelle cose, come ci si mette di buona volontà con firefox..
Concordo con Lorenzo e trovo un po’ deprimente che molti effetti con i CSS debbano necessariamente richiedere Javascript o gli hack, per dare in pasto ai diversi browser un codice che venga validato.
Sul supporto da parte di IE non voglio poi fare commenti, mi ci sono scontrato anni fa’ quando la versione per Mac (IE 5) mi faceva vedere tutto in maniera perfetta e quella per Windows faceva esplodere tutto: vedo che ancora c’è molto da fare ma poca voglia di farlo, anche se qualcosa sta cambiando le cose vanno molto a rilento.
Mi chiedo, poi, se tutto questo lavoro in più (javascript, gli hack…) venga tenuto in considerazione dai clienti e da chi visita il sito o non sia solo una lotta impari tra i webdesigner e i produttori di browser.
Ma possibile che io con Opera lo vedo come se avessi ie?
dipende dalla versione…
@Marco: posso dirti che su Mac, con la versione 10.10, lo vedi come su IE ma con la 10.50 (ancora in beta per Mac ma ufficiale per Windows) si vede decisamente bene!
io odio Explorer…
Stò iniziando veramente a non sopportar più explorer!
avete letto questo?
http://www.zeusnews.com/index.php3?ar=stampa&cod=12087
@marco: alleluja, speriamo bene!
Anche io mi sono fatto un bel esercizio di stile, ho reso il css validabile con lo standard del css3, visto che è di questo che stiamo parlando, alla facciazza di Explorer e di Firefox!
a voi il risultato:
http://www.lorenzoboasso.it/logo.html
A me non interessa dire che un browser sia meglio di un’altro, ma se devono essere fatte delle critiche che siano costruttive e imparziali !
E Safari where is?!?!:(:(:(…comunque si vede d’incanto anche su Safari…bellissimoooo *-* ….
…tranne su IE naturalmente!¬¬”
Safari ha lo stesso motore di Chrome (webkit). Chissà quanto tempo c’è voluto!
Su un piano strettamente ligio alla validazione posso essere d’accordo con Lorenzo.
Comunque il supporto di CSS3 da parte di Gecko e Webkit è molto più avanzato rispetto a explorer, tant’é che molte voci specifiche dei due motori sono già sintatticamente identiche alle specifiche CSS3 non fosse che per i suffissi. Questo permette di introdurre css3 anche se ancora in corso di specifica, quando poi andrà in release i fogli di stile saranno già praticamente fatti.
Comunque IE9 è alle porte.