Archivio per la Categoria ‘Tutorial’ Category
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 nostro form, gestisce anche l’implementazione del submit tramite chiamata asincrona. Vuoi scoprire come? || Leggi altro »
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,...
Spunti su come ottimizzare un sito web per dispositivi mobili
L’enorme sviluppo nell’ambito dei dispositivi mobili ci impone di prestare la massima attenzione a questa sempre più importante fetta di mercato di potenziali utenti, che accederanno al sito che stiamo sviluppando con risoluzioni di molto inferiori agli standard (320 x...
Form accessibile: la validazione e uno sguardo al futuro
Eccoci qua, al terzo appuntamento con la realizzazione di un Form accessibile: dopo aver visto il codice (x)HTML ottimizzato per la struttura, i metodi CSS per posizionare gli elementi e per dare "anche all'occhio la sua parte", oggi daremo "dinamicità"...
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...
Form accessibile: come posizionare gli elementi e renderlo attraente?
Ci eravamo lasciati con gran suspance, curiosi di vedere come il nostro brutto anatroccolo, di difficile comprensione, si sarebbe trasformato in uno splendido cigno... e ora sei pronto per seguirmi in questo processo di trasformazione attraverso il codice CSS? (altro…)
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 realizzare un form accessibile e con codice ottimizzato?
Dopo tanta teoria ed esempi di cosa non fare, oggi finalmente ci sporcheremo le mani con un po' di codice , andando a vedere come realizzare un form accessibile e con codice standard. Nella stragrande maggioranza dei casi infatti, i...
Tutorial e Psd: creare un Vcard professionale in pochi passi
Una settimana fa abbiamo parlato del fenomeno VCard: cosa sono, a cosa servono e quali sono le caratteristiche principali di un VCard efficace. Oggi è arrivato il momento di mettere alla prova quanto abbiamo appreso, cercando di creare un VCard...
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...
Come implementare un pagamento online: Creare un bottone dinamicamente (6/6)
In questo ultimo articolo della serie sui pagamenti online, vedremo come sia possibile implementare un bottone di pagamento in modo dinamico. Nell’applicazione che abbiamo sviluppato per questo tutorial abbiamo infatti utilizzato un bottone generato da PayPal; molto comodo, ma nella...
Come implementare un pagamento online: Testare l’applicazione (5/6)
Siamo giunti al momento di procedere ai test, a questo punto dovresti essere in grado di implementare un pagamento online sfruttando la robusta classe IPNListenrer che abbiamo costruito insieme. Non ci resta che testare il funzionamento della procedura di pagamento....
API Paypal: come implementare un pagamento online? Le procedure specifiche (4/6)
Proseguiamo con la guida riguardante l’implementazione di pagamenti tramite le API Paypal. Come avrai avuto modo di leggere nei precedenti articoli, in questa guida stiamo realizzando un’applicazione grazie alla quale é possibile attivare degli account a pagamento (istant access, ovvero...
Come implementare un pagamento online: Le procedure generali (3/6)
Nell’articolo precedente di questa serie abbiamo visto, ragionando con una logica ad oggetti, quello che dovremo realizzare ora nella pratica. In questo articolo vedremo come implementare la classe parent (che chiameremo IPNListener). Questa classe la potremo utilizzare per qualsiasi nostro...
Come implementare un pagamento online: chiarirsi le idee (2/6)
Nel precedente articolo abbiamo preparato tutto quanto ci servirà per attuare la nostra procedura di pagamento. Dunque: L’ambiente di simulazione con relativi account La pagina con il bottone paga adesso La tabella utenti del database Ora dovremo intercettare la notifica...
