Articoli Taggati ‘jQuery’
Come sviluppare un sito con scroll animato
In questo tutorial ti mostrerò come sviluppare la parte tecnica di un sito con scroll animato. Se ne vedono diversi in giro per il web; il concetto è quello di creare un unico documento con un’area più grande (sia in orizzontale che in verticale) di quella dello schermo per poi navigare “a volo di uccello” tra i vari contenuti. Un esempio potrebbe essere questo sito.
Come detto ci concentreremo unicamente sull’aspetto tecnico che, come avrai modo di vedere, non è così complicato come potrebbe sembrare. Il nostro risultato finale sarà questo. || Leggi altro »
Jquery: Come recuperare le immagini da Flickr?
In questi giorni mi sto esercitando un po’ con javascript ed in particolare con il noto framework jQuery. Dopo aver realizzato le basi per un piccolo slideshow di immagini mi sono chiesto: “e se mi connettessi al mio account flickr...
jQuery: Come creare delle finestre di dialogo personalizzate? (2/2)
Come promesso, eccoci a ritornare sul tema delle finestre di dialogo sviluppate in jQuery. In questo articolo vedremo come realizzare un sistema di login basato su questo tipo di interfaccia; per ingolosirti ti mostro subito il risultato finale. Il funzionamento,...
jQuery: Come creare delle finestre di dialogo personalizzate (1/2)
In questo articolo vedremo come sviluppare delle finestre di dialogo personalizzate sia nell’estetica che nelle funzionalità, andando così oltre alle limitatissime finestre messe a disposizione nativamente da javasrcipt (alert, confirm, prompt). Lo faremo grazie a jQuery ed in particolare a...
Come ordinare elementi con jQuery (2/2)
Nel precedente articolo abbiamo visto come il metodo sortable permetta l’ordinamento di una lista di elementi tramite il trascinamento. Ne abbiamo visto però solo l’implementazione “visiva”. Ma se vogliamo che questo ordinamento sia durevole, quindi che rimanga tale anche se...
Come ordinare elementi con jQuery (1/2)
In questo articolo tratteremo l'affascinante e sempre più utilizzata tecnica dell'ordinamento di oggetti in un documento html. Il classico esempio potrebbe essere la gestione dei widget di WordPress. Per attivare un widget lo dobbiamo trascinare nella sidebar tramite un operazione...
L’autocompletamento di un campo, una nuova ui di jQuery (2/2)
Nel precedente articolo abbiamo visto il principio di come implementare la funzione di autocompletamento messa a disposizione dalle user interface di jQuery. L’abbiamo fatto tramite una lista predefinita di parole che abbiamo rappresentato tramite un array. Ora ci dedicheremo ad...
L’autocompletamento di un campo, una nuova ui di jQuery (1/2)
Tra le novità introdotte recentemente da jQuery, troviamo finalmente (mancava proprio) un’estensione per l’autocompletamento dei campi form; sto parlando del metodo autocomplete appartenente alle user interface. Questa ui permette, con la consueta disarmante semplicità, di implementare una ciliegina di usabilità...
Come e quando utilizzare il metodo serialize di jQuery?
Nei numerosi articoli che abbiamo scritto su jQuery, è sempre stato evidente come questo framework contribuisca a semplificare lo sviluppo del codice. In questo articolo vedremo come la conoscenza di tutti gli strumenti che ci vengono messi a disposizione possa...
jQuery – Creazione di form con label animate
Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria jQuery. Questa volta, realizzeremo dei Label animati, che accompagneranno l’utente nella compilazione dei form; in...
Come realizzare delle select concatenate con PHP e jQuery?
In questo articolo tratteremo del concatenamento di select detto anche select a cascata. Si tratta di un procedura che possiamo trovare spesso nel web e che consiste nel dare all'utente la possibilità di trovare un dato specifico attraverso alcuni passaggi:...
Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni
Una parte fondamentale per la gestione e la creazione delle interfacce utente di un sito o di un'applicazione web è la conoscenza di come manipolare le dimensioni e la posizione dei vari elementi presenti nella pagina. jQuery fornisce un'interfaccia semplice...
jQuery – Come Creare un News Ticker con poche righe di JavaScript?
Ormai lo sapete, amo reinventare la ruota (e jQuery me lo permette sempre), ed è per questo che, ancora una volta, vedremo come creare qualcosa che esiste già: un news ticker. Solitamente il "news ticker" è un visualizzatore di notizie...
L’Oscura Arte del Drag and Drop: Come Trascinare e Rilasciare Oggetti?
Quella di trascinare e rilasciare oggetti in una pagina web è una proprietà molto affascinante e di sicuro effetto. Chi ha familiarità con il pannello di amministrazione di WordPress saprà ad esempio che per attivare un widget, basta trascinarlo sulla...
Vuoi implementare delle funzionalità in ajax ma non sai come fare?
Ajax è sempre più diffuso e presente nei siti web, a volte anche dove non è necessario, ma del resto questo capita un po' con tutto. Se sei affascinato da questa tecnologia ma non sai da dove iniziare, questo articolo...
jQuery+PHP: come automatizzare gli inserimenti nel database?
Abbiamo già affrontato la questione dei form diverse volte; tra i vari articoli, abbiamo visto come creare un plugin di jQuery per la validazione di formulari e come realizzare un modulo contatti in php. In questo articolo, invece, utilizzeremo PHP...
Vuoi utilizzare JSON ma non sai da dove iniziare?
Con il passare del tempo, e l'aumento inarrestabile delle cosidette web application 2.0, si vede ormai AJAX sempre più utilizzato come tecnologia di sviluppo per lo scambio di dati in maniera asincrona. A tale proposito, è diventato necessario un linguaggio...
Divertirsi con JavaScript: jQuery ed il Codice Konami
Oggi faremo tutti un piccolo salto indietro nel tempo, fino al 1985, quando uno sviluppatore della Konami (Kazuhisa Hashimoto) creò la prima versione di Gradius (un videogioco per la console NES). Durante le prove del gioco, Kazuhisa, si accorse che...

Domanda: ma anche testandolo dal proprio server, il cliente guardandolo dal proprio pc, non... »
Sto notando però che non va neanche su IE9 »
Scusate, ma la mia domanda è: ma se questi css3 non vanno con IE9... »
Helpful info. Fortunate me I discovered your site by chance, and I'm shocked why... »
Ciao, anche io ho problemi. - Ho aperto un nuovo sito on-line in joomla,... »
ciao! bel tema... volevo sapere le differenze tra la versione free e quella a... »