Emule Magazine Gratis
Tutorial Gallerie fotografiche con CSS3
Le migliori gallerie fotografiche d’impatto con l’ausilio di CSS3
In questo articolo abbiamo selezionato una lista delle 3 migliori soluzioni per realizzare delle gallerie di immagini che utilizzano le nuove tecniche introdotte con l’avvento dei CSS3. Abbiamo voluto inserire tre tutorial che presentano diverse soluzioni di codice, di cui una puramente realizzata con le proprietà dei CSS3, una che combina CSS3 e lightbox, e un’ultima che utilizza CSS3, HTML5 e jQuery.
Per visualizzare i tutorial, seguire il link che si trova alla fine di ogni introduzione con “Continua la lettura del tutorial”.
Come creare una galleria fotografica in CSS con effetto Polaroid
E’ possibile ottenere effetti strabilianti combinando varie proprietà dei CSS, soprattutto quando abbiamo a nostra disposizione la possibilità di utilizzare le nuove tecniche dei CSS3. In questo viene spiegato come ottenere una galleria con effetto Polaroid utilizzando codice HTML e CSS3, evitando l’utilizzo di Javascript. (continua la lettura del tutorial)
Galleria Lightbox e CSS3 con jQuery
In questo tutorial andremo a creare una galleria d’immagini che combina le tecniche dei recenti CSS3 e jQuery. Lo script che andremo a realizzare, è capace di scansionare una cartella d’immagini situtata all’interno del proprio web server e creare attorno ad’essa una completa galleria lightbox con le funzionalità di drag and drop (continua la lettura del tutorial).
Galleria con CSS3 completamente editabile
In quest’ultimo tutorial della serie, andremo a realizzare una tipica galleria di immagini ordinate in una griglia e che si estendono in versione fullscreen quando cliccate. Questa galleria di immagini utilizza però la semantica dell’HTML5, caricando alcuni elementi di CSS3 e jQuery, e rendendola editabile attraverso il CMS PageLime. Notare che, la demo è stato realizzata in un browser WebKit come Safari e Google Chrome (continua la lettura del tutorial).