Archivio per la Categoria ‘Ajax & Javascript’ Category
Come geolocalizzare le nostre applicazioni con HTML5?
In questo articolo vedremo come utilizzare le API javascript per la geolocalizzazione messe a disposizione nativamente da HTML 5.
Grazie a queste API possiamo ricavare la posizione geografica del dispositivo ed implementare delle funzionalità molto interessanti. || Leggi altro »
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...
Easy Form: Un piccolo fw per i tuoi form
E se ti dicessi che puoi creare un form di registrazione o di contatto o di quello che vuoi con validazione lato server, validazione lato client e tante altre amenità in due minuti? (continua...)
Flickr API: Diamo vita alla nostra applicazione
La scorsa volta ci siamo lasciati dopo aver capito come funziona phpFlickr, la classe che ci permette di interagire con le API di Flickr, facendo anche qualche esempio, oggi invece ci butteremo a capofitto nello sviluppo della nostra applicazione. Sei...
jQuery: Come valutare la forza di una password?
In questo articolo vedremo come sviluppare un plugin in grado di misurare la “forza” di una password, con una barra di avanzamento che che mostrerà in live la validità della stringa che stiamo digitando. Il risultato finale sarà come quello...
jQuery+Flickr: Realizziamo un semplice slideshow
Nel precendente articolo abbiamo visto come utilizzare jQuery per recuperare le immagini da un account di Flickr, in questo articolo andremo oltre, realizzando un semplice slideshow: a questa pagina puoi vedere una demo di quello che andremo a creare e...
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...
Realizzare un megamenu efficace e accattivante: ispirazione, tutorial e risorsa free
Sembrava una tendenza destinata a scomparire in breve tempo, una soluzione efficace solo nei siti di e-commerce, dove si ha la necessità di raggruppare prodotti e categorie in modo schematico e semplice. Invece quella dei mega menu è diventata un...
jQuery Mobile: Il submit di un form
Dopo avere visto, nel precedente articolo di questa serie, la gestione dei form dal punto di vista “stilistico”, in questo tutorial vedremo un’applicazione pratica. Ci si potrebbe domandare che bisogno c’é. Ebbene jQuery Mobile, oltre a gestire il layout del...
jQuery Mobile: La gestione dei form
In questo articolo vedremo come jQuery Mobile sia in grado di fornire un ottimo supporto nello sviluppo di form. Nel dettaglio andremo a vedere come, seguendo delle semplici convenzioni di markup, sia possibile sviluppare senza fatica un form come questo,...
jQuery Mobile: La gestione avanzata delle liste
Continuiamo la serie di tutorial dedicati a jQuery Mobile con questo articolo nel quale svilupperemo una piccola applicazione con tanto di database e chiamate asincrone. Lo scenario sarà l’ottimizzazione per dispositivi mobili della pagina degli autori di YIW. Il risultato...
jQuery Mobile: La gestione delle liste
Nel precedente articolo ci eravamo lasciati con una semplice struttura di pagine. Nella pagina interna si sarebbe dovuta trovare una rubrica. In questo tutorial riprenderemo quella struttura e la completeremo con appunto la rubrica che realizzeremo con il supporto per...
jQuery Mobile: La struttura delle pagine
In un recente articolo, ho trattato il tema dell’ottimizzazione dei siti web per i dispositivi mobili, un nuovo e sempre più importante ambito del nostro già complesso lavoro. Oggi ritorno sull’argomento per iniziare una serie di articoli su jQuery Mobile,...
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à...
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... »
Ciao, ho acquistato la versione premium e vorrei ricreare la home page con le... »
Ho apprezzato molto questo post e anche il precedente sulla psicologia del colore. Nel... »
Ciao, ottimo articolo. Concordo su tutto, in quanto mi trovo spesso a leggere montagne... »