Archive for the ‘Tutorial’ Category
Tutorial per il mese di Agosto
Per chi, questo caldo Agosto se lo passerà lavorando o a casa, segnalo alcuni tutorial.
Adobe Photoshop:
- Create a Mobile Phone Styled Like the HTC Touch Diamond (Adobe Photoshop);
- Loading Interface (Adobe Photoshop);
- PSDTUTS ha aperto un nuovo channel su Vimeo: Photosop Video Channel, dovesi possono consultare ad oggi una trentina di video.
Javascript/CSS:
Caricare immagini casuali con PHP
Vi sarà capitato di avere la necessità di caricare dinamicamente delle immagini prese da una libreria e mostrarle in una pagina web in modo casuale. Non è necessario avere un database dove catalogare ogni immagine, ma sarà sufficiente qualche riga di PHP.
Il processo è molto semplice: abbiamo bisogno di una serie di immagini che andremo a rinominare 1.jpg, 2.jpg, … oppure 1.gif, 2.gif, … a seconda del tipo di formato che vorremo usare.
Rollover di un’immagine con i CSS
Vediamo come creare un rollover di un’immagine senza dover aggiungere diverse linee di JavaScript, è possibile —infatti— ottenere lo stesso effetto con poche righe di CSS. Questo tipo di scelta aumenta prima di tutto la compatibilità rispetto a tutti i browser e fa risparmiare qualche KB di banda nell’ottica di ottimizzazione di un’intera pagina.
Inoltre essendo tutti e due gli stati del pulsante (rilasciato e premuto) presenti nell’immagine, questo permette alla grafica del bottone di essere caritata immediatamente e senza che ci sia il fastidioso effetto di delay una volta che passiamo il mouse sopra il bottone per la prima volta. Appena viene richiamata l’immagine nel codice, questa viene caricata completamente.