» Css

Animazioni in Javascript e CSS

G.C. — Fri, 31 Oct 2008 14:17:18 +0000

Un interessante video proposto da ICTV approfondisce le possibilità offerte dall’utilizzo congiunto di Javascript, CSS con posizionamento “absolute” degli oggetti e qualche immagine.
Nel tutorial, il cui esempio è disponibile per il download sempre nel sito ufficiale di ICTV, viene illustrato a grande linee il procedimento seguito per dare vita ad un’animazione che ricorda, con le debite differenze, alcuni movies in Flash.
Al di là dell’opportunità o meno di impiegare questo genere di tecnologia nei propri siti, argomento “caldo” su cui i designers sono sovente discordi, si tratta di un esperimento comunque interessante e molto creativo.

Complimenti per l’idea!

Homer Simpson e i CSS

G.C. — Thu, 08 May 2008 05:18:38 +0000

L’accoppiata vi appare insolita? Eppure l’incredibile progetto è stato realizzato dal grafico Javier Román Cortés, a dimostrare che la creatività davvero non ha limiti.
Cortés è partito dall’idea che si potessero realizzare disegni per il web a partire dall’impiego del font Verdana e i CSS, mediante il posizionamento assoluto degli elementi. L’ambiziosa idea, che lo stesso autore paragona ad un disegno vettoriale incorporato nel codice html di una pagina, è davvero meritevole di menzione, anche perché sembra funzionare egregiamente sui principali browsers.

Per vedere il risultato: Via

Giocare con i CSS con Pure CSS Icon Sketcher

G.C. — Wed, 26 Mar 2008 08:42:23 +0000

La rete, si sa, è fonte inesauribile di curiosità e creatività.
La chicca di oggi è un gioco realizzato interamente con i CSS e messo a disposizione da Css Globe, che permette – con il solo utilizzo del mouse – di “disegnare” immagini semplici in stile icona su una lavagnetta virtuale.
L’utilità dell’applicazione è pressoché nulla, per stessa ammissione dei creatori, che non a caso l’hanno denominata “(Useless) Pure CSS Icon Sketcher”, ma non si può negare che un certo valore lo abbia, se non altro a livello concettuale e creativo. Per approfondire il significato e la valenza del progetto non guasta una lettura della spiegazione fornita dagli stessi creatori:

http://cssglobe.com/post/1293/pure-css-icon-sketcher

Per sperimentare invece la curiosa applicazione vi rimando direttamente al suo indirizzo:

Via

Il vostro browser è compatibile con i CSS 3?

F. — Mon, 11 Feb 2008 15:07:00 +0000

La maggior parte dei navigatori sta ancora utilizzando Internet Explorer 6, un browser ormai obsoleto e ricco di bug. Alcuni sul proprio Mac hanno ancora installato I.E. 5, browser che se viene utilizzato per navigare sul sito della stessa Microsoft che l’ha realizzato, non lo fa visualizzare correttamente.

D’altronde, il web evolve e così devono evolvere anche i browsers. Il vero problema è far capire agli utenti che navigando con un browser obsoleto rischiano di avere dei problemi di navigazione, se chi ha realizzato il sito su cui stanno navigando, non ha messo gli hacks per renderlo compatibile con il loro browser. Molti che si stanno avvicinando al web ora e magari sono un po’ avanti negli anni non percepiscono minimamente il problema, pensando che se si trovano I.E. 6 installato sul computer che hanno comprato, quello DEVE essere un browser valido. Probabilmente non sapranno mai che esistono anche altri browser o una nuova versione di Explorer.
Questo è un vero problema per i web developer, che perdono più tempo a mettere gli hacks per rendere i siti compatibili con la miriade di browsers esistenti, piuttosto che a realizzare il sito stesso.
Personalmente ottimizzo i siti fino ad I.E. 6, oltre mi rifiuto. D’altronde se è la stessa Microsoft a non ottimizzare per I.E. 5, non vedo perchè lo debbano fare gli sviluppatori.
Il web design si sta evolvendo rapidamente, i Css 3 sono in fase di beta test e presto si potranno utilizzare con un notevole arricchimento delle pagine web. Ma avrà senso utilizzarli se poi i navigatori vedranno male le pagine o non visualizzeranno gli effetti desiderati perchè ancora arroccati su browsers obsoleti?
Quanti browser attualmente sono pienamente compatibili?

Se siete curiosi e volete scoprirlo, testate il vostro browser a questo indirizzo.