Propongo di seguito un interessante effetto in javascript e css3 che permette di creare un effetto di rotazione a qualsiasi contenuto.

La proprietà che utilizzeremo è transform: rotate(90deg) .

Di seguito una demo.

Da web developer quale sono ho sempre desiderato poter personalizzare gli input dei form, magari con stili o sfondi particolari.

Da oggi si può, con un metodo che utilizza Javascript e i fogli di stile CSS.

E’ un metodo valido per quasi tutti browser, eccetto l’ormai moribondo Internet Explorer 6.

Oggi leggendo tra le news del blog di html.it ho afferrato questa notizia che per forza dovevo riproporvi.

Internet Explorer 9 è disponibile in anteprima, seppur si tratta di una fase di test.

Le premesse per avere un browser veloce, affidabile, versatile e,  soprattutto per i web developer come me, conforme agli standard css e javascript.

Oggi vi mostrerò un’altra funzione in javascript molto utile.

Questa funzione vi restituisce un array con le coordinate x ed y delle barre di scorrimento.

Leggete l’intero articolo per vedere la funzione.

// questa funzione restituisce un array con la posizione x,y dello scroll

function getPageScroll() {

var xScroll, yScroll;

// ---> RICAVO LE COORDINATE x ED y DEGLI SCROLL <--- //

// self.pageYOffset : indica la coordinata y di dove si trova la barra dello scroll verticale
// self.pageXOffset : indica la coordinata x di dove si trova la barra dello scroll orizzontale
// (non valido per explorer 6)

// document.documentElement.scrollTop  : indica la coordinata y di dove si trova la barra dello scroll verticale
// document.documentElement.scrollLeft : indica la coordinata x di dove si trova la barra dello scroll orizzontale
// (valido per explorer 6)

if (self.pageYOffset) {
    yScroll = self.pageYOffset;
    xScroll = self.pageXOffset;
}else if (document.documentElement && document.documentElement.scrollTop) {
            yScroll = document.documentElement.scrollTop;
            xScroll = document.documentElement.scrollLeft;
    }else if (document.body) {
                yScroll = document.body.scrollTop;
                xScroll = document.body.scrollLeft;
    }

arrayPageScroll = new Array(xScroll,yScroll);
return arrayPageScroll;
}

Salve cari lettori di good2know.it, oggi vorrei fornirvi un’utile funzione javascript che vi restituisce le dimensioni reali della pagina e della finestra visualizzata.

Leggete l’intero articolo per vedere la funzione.

Oggi vorrei presentarvi questo plugin, jQuery Magnifier.

Questo plugin permette lo zoom dell’immagine con un semplice effetto lente.

Di seguito una mini-guida all’installazione e all’uso.

Molto spesso viene richiesto da un cliente di creare del testo “flashoso”, per attirare l’attenzione del visitatore.

Si tratta delle classiche gif che andavano sul web negli anni 90, e che qualcuno ancor’oggi utilizza per i propri siti, molto spesso amatoriali.

Ci può dare una mano javascript e le funzioni ricorsive.