homepage

CSS3 on IE, tecniche

4
maggio

Il supporto CSS3 in Internet Explorer è chiedere troppo, di recente ho trovato un articolo interessante su Smashin Magazine, come accenna il titolo sono proposte varie tecniche per ottenere effetti CSS3 come text-shadow, box-shadow, border-radius, gradienti,  opacità, trasparenze e background multipli.
L’articolo è notevole e completo, lo trovate qui.

Ora non so se effettivamente tutte le soluzioni proposte siano funzionali o meno, si parla comunque di IE, leggendo l’articolo si nota come queste regole vadano a intervenire su regole proprietarie del motore web di microsoft e fortunatamente tra le versione IE6 7 e 8 si mantengono le stesse.
Per necessità il mio test è stato sul border radius, portare l’effetto angoli tondi sulle div per avere una coerenza visiva dei layout tra IE, Firefox e Safari/Chrome; l’ enhancer consiste nell’importare nel CSS un file border-radius.htc (.htc come il fix PNG).
Nel file CSS questa è la sintassi:

.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

Si, la modifica funziona, o quasi, un div può ottenere angoli tondi su IE ma solo se ha dimensioni fisse e non viene modificato il suo aspetto una volta caricata la pagina, si perchè quando la pagina è completamente caricata viene applicata la modifica agli angoli; se le dimensioni cambiano, caricando del contenuto con chiamate ajax o effetti js, abbiamo dei difetti visivi, il div non cambia dimensione le regole di background vengono resettate in parte e una soluzione (-moz-border-radius:10px 10px 0px 0px) per definire il tondo per angoli specifici, non esistono…la modifica rende tutti gli angoli del div tondi.
Concludendo la modifica è molto limitata.

CSS angoli tondi nativi

23
luglio

Poco tempo fa leggevo che il web2.0 lo si può paragonare a un angolo tondo, in effetti la caratteristica più comune tra i vari prodotti 2.0 è il layout grafico con evidenti angoli tondi per ogni box di contenuto.
In principio, creavo elementi immagine che rappresentavano l’angolo tondo attribuendoli come fondo ai div, ottenendo l’effetto “rounded-corner”. Ora con Safari e Firefox che supportano CSS3 nativi e non, dico non perchè ognuno presenta un alternativa sfruttando il proprio motore di navigazione (webkit e Gecko); possiamo usufruire degli angoli tondi per il bordo di una div semplicemente attraverso regole CSS.
Continua a leggere…

Windows XP Service Pack 3 con IE6?

6
maggio

Ebbene nel lontano e preistorico 27 Agosto del 2001 microsoft rilasciò Internet Explorer 6.0…
Si saranno affezionati dico io…mi rilasciano il famigerato e atteso Service Pack 3 per XP, che rimane nettamente superiore a Vista e decidono di non integrare l’aggiornamento a IE7.
Quasi uno spiraglio che risolve molti problemi di visualizzazione sul web mondiale e no! IE7 sarà aggiornamento di priorità alta per chi lo vuole, con IE8 in versione beta già disponibile al download.
Dico sette anni di un browser nato vecchio.
Statisticamente IE6 rimane in testa a tutti i browser come utenza mondiale.