Archive for the ‘javascript’ Category

Effetto retina con jQuery

Questo tutorial spiega come creare un effetto retina utlizzando solamente html, css e jQuery; creare cioè una sorte di lente di ingrandimento. L’effetto è sorprendente!
Sito web:http://tutorialzine.com
Demo:  http://demo.tutorialzine.com

More »

Far partire jQuery dopo che la pagina è stata caricata

Il seguente codice deve essere inserito prima della chiusura del tag <head> e permettete di eseguire istruzioni jquery solamente dopo che la pagina è stata caricata.
$(window).bind(“load”, function() {
// code here
});

More »

Come creare un effetto di movimento circolare con jQuery

Codrops ha scritto un tutorialsu come creare simulare un movimento circolare con jQuery. Loro hanno utilizzato il plugin jQuery.path per animare un movimento circolare per un menu all’interno di un sito web, veramente d’effetto.
L’idea è quella di avere un contenitore rotondo con un menu principale. Quando si va in hover su una delle voci di [...]

More »

Fresh Sliding Thumbnails Gallery con jQuery and PHP

In questo tutorial viene spiegatocome realizzare una galleria full screen di immagini con una barra all’interno della quale scorrono le miniature al passaggio del mouse. L’idea è anche quella di permettere all’utente di ingrandire leggermente la foto cliccando su di essa
Inoltre utilizzando PHP è possivile ottenere le immagini e le anteprime automaticamente dalla struttura delle [...]

More »

Ketchup – plugin jQuery per validazione form

Ketchup è un semplice jQuery Plugin per la validazione di form, E’ un pluginmolto flessibile e enstensibile per la sua apparenza e funzionalità.
Se non ti piace lo stile puoi cambiarlo facilmente, non è presente un funzione di validazione? Puoi benissimo aggiungerla ti stesso.
Comunque Ketchup si presenta con uno stile semplice e accattivante e presenta le [...]

More »

jQuery Magic Line Navigation

jQuery Magic Line Navigation permette di ottenere delle evidenziazioni di qualcosa (un background o una sottolineatura) che segue il mouse quando passa sopra a differenti link di un menu di navigazione.

Questa linea  o effetto magico è ottenuto solamente utilizzando css e jQuery. Una volta aggiunta la funzione alla lista e allo stile l’animazione si adatterà [...]

More »

Come creare tabs dinamici con jQuery

Quando si parla di tab all’interno di un sito web molto spesso ci si riferisce alla barra di naviagazione, comunque questi possono essere utilizzati per visualizzare differenti elementi all’interno di una pagina. Janko ha scritto un tutorial che mostra come utilizzare jQuery per la realizzazione di tab dinamici che possono essere aggiunti o rimossi in [...]

More »

Featured List – una vetrina in jQuery

Feature List è un semplice plugin di jQuery che rende semplice e facile la creazione di un widget “Vetrina” da inserire nelle homepage dei vostri blog o in un normale sito web.
Il file .js è leggerissimo di appena 2k ed il codice può essere utilizzato per contenitori multipli e il funzionamento è simile a quello [...]

More »

Masonry un plugin jquery per layout

Masonry è plugin jquery per layout. Pensato come il rovescio della medaglia di CSS float. Considerando che riorganizza gli elementi float prima orizzontalmente poi verticalmente, secondo una griglia. Il risultato minimizza gli spazi verticali tra elementi di diversa altezza.
L’utilizzo di Masonry è estremamente  semplice basta collegare al funzione masonry() all’elemento wrapper del layout. A seconda [...]

More »

jQSlickWrap – Collocare del testo intorno a un immagine

jQSlickWrap è un plugin di jQuery che permette facilmente e accuratamente “wrappare” il testo attorno a un immagine inserita nel contenuto.
L’implementazione è semplice basta inserire una riga di codice jQuery:
$(‘img’).slickWrap();
L’immagine dev’essere un’immagine irregolare e deve utilizzare la proprietà float all’interno del css.
Sito web: http://jwf.us/projects/jQSlickWrap
Demo: http://jwf.us/projects/jQSlickWrap/example2.html

More »