Archivio per la Categoria ‘Tutorial’ Category
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 480 non ti dice niente?).
In questo articolo ti fornirò alcuni spunti su come sia possibile ottimizzare il sito, o una parte di esso, per una migliore usabilità su questi dispositivi mobili. Negli esempi che seguono prenderò come riferimento l’iPhone. || Leggi altro »
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? (continua...)
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...
Come implementare un pagamento online: Preparazione (1/6)
In questa serie di articoli vedremo come sia possibile implementare dei pagamenti online nel proprio sito tramite carta di credito. Per farlo ci appoggeremo ovviamente ad una società specializzata nelle transazioni on-line e nella fattispecie a PayPal. La scelta é...
Joomla: come implementare i commenti di Facebook sul tuo sito?
Con questo tutorial vedremo come inserire il box dei commenti di Facebook nel nostro sito realizzato con Joomla. In questo modo permetteremo ai nostri lettori di scrivere commenti ai nostri articoli/pagine utilizzando il loro account Facebook e, di conseguenza, far...
Tipografia e minimalismo per un layout semplice e bello da vedere
Una delle perplessità più comuni che ho sentito esprimere nei confronti dello stile tipografico è: si, va bene, carino, creativo…ma non è uno stile adatto a un sito aziendale, corporate, proprio no. Si tratta certo di uno stile particolare, eclettico...
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à...
Articolo molto utile e puntuale come sempre, in realtà stavo cercando degli esempi di... »
Hurrah, that's what I was seeking for, what a data! existing here at this... »
Ciao io avrei lo stesso problema esposto dall’ultimo utente mi blocca tutto, sono su... »
Ciao io avrei lo stesso problema esposto dall'ultimo utente mi blocca tutto, sono su... »
They are supposed to be worn from the waist down. It should have grown... »
Ciao Silvia, come indicato nella mail di conferma l'ordine, sul sito dove hai acquistato... »