Effetto finestra modale (con javascript)
Vi illustro come con poche righe di codice CSS e javascript, si possa implementare l'effetto di offuscamento di una pagina, ovvero l'effetto delle cosidette finestre "modali"
CSS - Come progettare mail pubblicitarie
Spesso mi chiedono di creare delle mail pubblicitarie di ultima generazione, con immagini e con una struttura simile a quella di un vero e proprio portale web.
Premetto subito, che non tutto si puo' fare, per colpa (o per fortuna, visto sarebbe rischioso inviare per mail, ad esempio, un codice javascript) delle limitazioni dei vari gestori di posta.
In alcuni casi, tra l'altro, le vostre immagini non verranno visualizzate se non previa autorizzazione del destinatario.
Quindi non aspettatevi grossi successi.
Puo' succedere infatti che la vostra bella mail, frutto di svariate ore di sviluppo, non venga visualizzata nemmeno da chi vi ha commissionato il lavoro...
Prima di lasciarvi al dettaglio, riassumo brevemente quali sono le line guida che e' meglio, ma non obbligatorio, seguire perche' la vostra mail pubblicitaria abbia maggior successo possibile.
- Usare dichiarazioni inline per gli stili. In caso contrario i file css inclusi, potrebbero essere bloccati dal gestore di posta.
- Usare le "vecchie" tabelle, invece che i div.
- Evitare di usare immagini di sfondo, che non tutti i gestori di posta visualizzerebbero.
Infine, questo e' un esempio di mail pubblicitaria, che ho sviluppato per la Bi.Mo. Design. Buona lettura.
CSS - Effetti con la proprieta' visibility
Prendendo spunto dalla bibbia del CSS ed in articolare da questa "recommandation" http://www.w3.org/TR/CSS2/visufx.html#propdef-visibility vi illustro la proprieta' visibility di un elemento, che unita ad un semplice codice javascript, permette di creare un effetto grafico dinamico.
Css - Preload delle immagini
La lentezza nel caricamento di una pagina, dipende spesso e volentieri, ma non sempre, dalla "pesantezza" delle immagini in essa contenute.
Quando non e' possibile ridurre il numero o la loro dimensione, si ricorre ad una tecnica di Javascript, che però presenta delle limitazioni, dovute principalmente all'eventuale blocco degli script di questo tipo sul browser dell'utente.
Quello che vi presento è invece una risoluzione tramite i fogli di stile CSS.
Buona lettura...
Linkedin
Flickr
Anobii
Youtube
Lastfm
