Archivio per la Categoria ‘Ajax & Javascript’ Category

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 con due. Su computer, invece, non è strano ritrovarsi a sfogliare le immagini col mouse, mentre invece queste restano ferme! I mondi desktop e mobile ormai si intersecano, tanto che sono nati i monitor touchscreen multitouch per computer desktop. Se però non ne avete uno, per sviluppare una webapp multitouch vi serve un modo per testarla come si deve.

|| Leggi altro »

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

Nessun commento

Far fronte agli eventi… in JavaScript – Parte 1

javascript

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

Nessun commento

JavaScript: jQuery sì o no?

27-05

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

23_03_15

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

24_02

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

20-01

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

8 commenti

SoundJS: l’audio sul web non è mai stato così facile

19-01

«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

30_06

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

12_05

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

29_04

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

15_04

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

14_04

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

02_04

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)

01_04

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

19_03

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

05_03

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

22 commenti

CSS3: ATTIVARE LE TRANSIZIONI CON JQUERY

26_02

In questo articolo vi illustrerò in che modo attivare le transizioni CSS tramite un piccolissimo codice Jquery. Come tutti immagino sappiate, le “CSS Transitions” sono delle feature introdotte con il nuovo standard CSS3 che permettono di creare delle semplici animazioni...

7 commenti