…

…

Nel tutorial di oggi vi mostreremo come creare una funzione che mantiene un angolo sempre compreso tra 0 e 360 gradi.

 
function keepAngleInRange(angleToUse) { // 0 < = x < 360
	var isNegative = angleToUse < 0;
 
	angleToUse = Math.abs(angleToUse);
	var divisor = div(angleToUse, 360);
	angleToUse -= divisor * 360; // remove 360 until it is in range
 
	if(isNegative)
	angleToUse = 360 - 1 * angleToUse;
 
	return angleToUse;
}
 …

Nel tutorial di oggi vi mostreremo come applicare un effetto lava su un testo.
Oltre allo strumento testo utilizzerete strumenti come gli stili di livello, i livelli, i metodi di fusione e i filtri.

Link: http://www.slingshut.com/2013/05/lava-flow-text-effect-in-photoshop.html…

jQuery Timer e un plugin che permette di estendere la funzione nativa setTimeout di Javascript.

Link: http://jchavannes.com/jquery-timer/demo…

Nel tutorial di oggi vi mostreremo come trasformare una semplice immagine in 3D applicando un effetto prospettiva con le trasformazioni dei CSS3.

HTML:

 
<div class="test">
<img src=tuaimmagine.jpg style="width:300px"/>
</div>
 

CSS:

 
.test { perspective: 700px; border: 1px solid red; }
.test img { transform: rotateY(12deg); float: left; outline: 1px solid transparent; }
 …

…

…

In questo tutorial, dedicato ai meno esperti, vi mostreremo come centrare un div con i CSS.

 
#tuo-div {
     width: 960px;
     margin: 0 auto;
}
 

Come potete vedere, con queste poche righe di codice, abbiamo detto ai CSS di dare una larghezza di 960px al nostro div e di calcolare automaticamente i margini.…

…

…