Archivio per la Categoria ‘Ajax & Javascript’ Category
Far fronte agli eventi… in JavaScript – Parte 4
Prima o poi capita a tutti di sviluppare uno script complesso, se non una vera e propria webapp. Siamo abituati però a focalizzare il nostro codice più sugli elementi di input che non sul comportamento dell’applicazione. Ad esempio, per aggiungere un prodotto al carrello assegniamo al listener “submit” della form che contiene il pulsante “Aggiungi al carrello” un’unica funzione che contiene sia i controlli sul prodotto che i messaggi d’errore e di successo. Facciamo così perché usiamo soltanto gli eventi di default forniti dal browser.
|| Leggi altro »
Far fronte agli eventi… in JavaScript – Parte 3
Con l’arrivo degli smartphone i siti assomigliano sempre più alle app per smartphone e tablet. Già oggi i visitatori da smartphone trovano strano che uno slideshow non si possa sfogliare con un dito o che una foto non si ingrandisca...
Far fronte agli eventi… in JavaScript – Parte 2
Capita sempre più spesso di avere a che fare con eventi che si scatenano decine di volte al secondo, come resize, scroll, mousemove e touchmove. I casi più frequenti sono quelli di resize e scroll dato che ci troviamo in...
Commenti disabilitati su Far fronte agli eventi… in JavaScript – Parte 2
Far fronte agli eventi… in JavaScript – Parte 1
Da diversi anni jQuery ha semplificato notevolmente la gestione degli eventi del DOM. Tuttavia, ancor oggi ogni sviluppatore web prima o poi si imbatte in alcune situazioni tipiche nelle quali bene o male riesce ad arrangiarsi. Questo articolo vuole spingersi...
Commenti disabilitati su Far fronte agli eventi… in JavaScript – Parte 1
JavaScript: jQuery sì o no?
Una delle funzionalità più apprezzate di JavaScript è senza dubbio la sua facile estendibilità: questo linguaggio di programmazione permette infatti di creare plugin e/o framework con grande semplicità. Fra questi c’è senz’altro jQuery. (altro…)
Come scrivere codice JavaScript performante ed elegante
Al giorno d'oggi tante persone conoscono JavaScript, un linguaggio molto particolare da un punto di vista sintattico e semantico. Questo è molto utilizzato per la programmazione client-side per rendere interattiva una pagina HTML, anche se da un paio di anni...
Scrolling: usiamolo per le animazioni
Chi mi segue da qualche tempo forse saprà che amo particolarmente le animazioni. Questo perché, se implementate adeguatamente, sono un potentissimo strumento per migliorare l’esperienza dell’utente e aumentare il tasso di conversione. Tuttavia, perché limitarsi ad animare passivamente degli elementi...
AJAX: impariamo a utilizzarlo
Sono appena passate le feste e non ne possiamo più di panettone e canzoni natalizie e luci colorate per le strade… Forse non è proprio così, rimpiangiamo quel clima di festa, ma non tarderà a tornare. Intanto, è tempo di...
SoundJS: l’audio sul web non è mai stato così facile
«Voglio riprodurre file audio nella mia pagina web con un controllo dettagliato del suo flusso, pur utilizzando una risorsa semplice e veloce, cross-browser e molto documentata.» Qualunque web developer, una volta che si trova alle prese con siti o applicazioni...
GSAP: creiamo un login animato
Le animazioni sono all’ordine del giorno nel web odierno. Purtroppo, però, sempre più spesso ci troviamo a combattere con la compatibilità cross-browser che, specialmente su browser come IE9 e precedenti, non è sempre assicurata. (altro…)
Guida HTML5: il Canvas – Parte 2
Nel corso di questo articolo approfondiremo canvas, le cui basi sono state già discusse in una precedente lezione. Nello specifico, l’ultima volta abbiamo imparato come settare la nostra tela virtuale e come disegnare linee dritte e linee curve. Oggi, invece,...
HTML Mobile App: perchè utilizzare l’MVC
In un precedente articolo avevo parlato delle view e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti...
HTML Mobile App: il funzionamento delle view
Nell’ultimo post ho discusso l’importanza della view in ambito web, e i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end. In questo articolo voglio approfondire il discorso delle view e di come...
jPreloader.js: animiamo anche i caricamenti
Quasi sicuramente, un buon 80% di voi conoscerà bene il sito web del cosiddetto "web designer dei vip", e il restante 20% avrà usato almeno una volta il sito "Mega", famoso per permettere agli utenti di effettuare i propri uploads....
HTML Mobile App e Web App: il web ha bisogno delle VIEW
Come avrai notato sono un ossessionato delle prestazioni di rendering e della fluidità lato-client, soprattutto per il fatto che il numero di coloro che navigano da dispositivi mobile, molto meno potenti per caratteristiche hardware rispetto a quelli desktop, è cresciuto...
HTML5 Mobile App: tecniche per il salvataggio dei dati
L’idea di scrivere questo post nasce dalle numerose richieste che ho ricevuto su come comportarsi per il salvataggio dei dati di una HTML5 mobile app, le quali presentavano diversi dubbi e perplessità. Tutte le applicazioni mobile hanno in qualche modo...
Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 2: Lo slider)
Eccoci arrivati alla seconda e ultima parte della guida su due elementi molto importanti che compongono una pagina web, ovvero un menù e uno slider responsive. Oggi andremo a vedere come integrare uno slider (per la precisione, Flexslider) nel progetto...
Come realizzare la view di una HTML Mobile App con tab-bar animata
Finora abbiamo parlato di performance e fluidità di applicazioni mobile, in particolare di quali tecniche e consigli adottare per potere migliorare le prestazioni e limitare in modo considerevole le differenze tra un progetto realizzato in HTML5, CSS3 e Javascript e...
Sfogliare le pagine di un sito: effetti di transizione AJAX e HTML5 history api
Quante volte ci sarà capitato di voler realizzare un sito web (o anche solo una parte di esso) che godesse di effetti visuali nel passaggio da una pagina all’altra piuttosto che del semplice caricamento della pagina da raggiungere? Sicuramente molto...
