Nel momento in cui realizziamo un menù di navigazione composto da sole immagini e con effetti roll-over (immagini che cambiano al passaggio del mouse), il primo problema che salta all’occhio è quello relativo ad un certo ritardo nel visualizzare l’immagine alternativa, che si traduce nella visualizzazione di un riquadro grigio per 1-2 secondi.

Vediamo insieme come ovviare a questo piccolo inconveniente. In questo articolo esamineremo due soluzioni: la prima prevede l’inserimento di un semplice Javascript nella nostra pagina, mentre la seconda sfrutta la proprietà “background-position” del CSS.

Leggi tutto »

Come ben sappiamo,  uno dei punti cardine su cui ci si deve concentrare nello sviluppo di un sito è quello della compatibilità fra browser. Tuttavia, anche per lo sviluppatore esperto può essere difficile tenere a mente i differenti comportamenti dei browser.

Web Devout ci viene in aiuto, proponendo un documento che riepiloga il supporto dei vari browser agli standard HTML, CSS, DOM, ECMA Script. I dati (supporto completo, parziale o del tutto assente) vengono visualizzati sotto forma di tabelle, per avere subito sott’occhio le differenze tra browser; è anche possibile specificare quali sono i browser dei quali si desidera verificare il supporto agli standard.
Al momento non sono ancora disponibili le informazioni per le recenti versioni di Safari e Konqueror: l’autore del documento afferma che i test per questi browser sono ancora in corso, e non sa dare un’indicazione precisa riguardo al termine dei lavori. C’è comunque la possibilità di contribuire al progetto, di suggerire correzioni o di segnalare altri browser con i quali eseguire i test.
Il documento è reperibile a questo indirizzo.

Fonte: CSSBlog

Quando si crea una pagina con delle proprie foto può essere interessante, per dare maggiore dinamicità al tutto, inserire degli effetti di transizione tra le immagini. In passato l’unico modo per inserire effetti del genere era ricorrere all’utilizzo del Flash. Oggi abbiamo a disposizione tantissime soluzioni Javascript che ci consentono di realizzare degli effetti gradevoli senza dover inserire pesanti animazioni nei nostri siti.

Leggi tutto »

Una delle caratteristiche più amate del sistema operativo Apple è senz’altro la dockbar, ovvero quella barra situata nella parte bassa dello schermo che permette di lanciare le applicazioni e/o passare da un’applicazione all’altra.

Oggi, grazie ad un semplice javascript, è possibile inserire una dockbar in stile Mac sul proprio sito.
Leggi tutto »

Chi di voi ha un minimo di esperienza nella realizzazione di siti web avrà sicuramente avuto occasione di confrontarsi con l’inefficienza (per non dire altro) della versione 6 del browser di casa Microsoft. Tra i diversi problemi, più o meno fastidiosi (vedi il bug dei bordi “dotted”, puntinati, che vengono visualizzati come “dashed”, tratteggiati), spicca sicuramente quello della gestione delle immagini PNG.

Il PNG, Portable Network Graphics, è un formato per le immagini largamente utilizzato negli ultimi tempi; IE 6 ha il pesante difetto di non gestire le PNG trasparenti, con lo spiacevole risultato che invece della trasparenza viene visualizzato uno sfondo grigio. Leggi tutto »