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...

1 commento

Far fronte agli eventi… in JavaScript – Parte 2

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…)

9 commenti

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...

8 commenti

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...

5 commenti

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...

9 commenti

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...

4 commenti

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,...

3 commenti

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...

5 commenti

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...

4 commenti

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....

1 commento

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...

4 commenti

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...

5 commenti

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...

2 commenti

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...

1 commento

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...

25 commenti