Archivio per la Categoria ‘Ajax & Javascript’ Category

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 a che fare la manipolazione dei dati: in un videogame abbiamo bisogno di salvare informazioni come punteggi e livelli raggiunti, in un’app per un catalogo prodotti devono essere salvati i dati di ogni prodotto, ecc: insomma, nella maggior parte delle applicazioni abbiamo bisogno di salvare le impostazioni base dell’utente, e così via per una lista infinita di possibili casi.

Il fatto è che i dati stanno alla base di qualsiasi web app (come anche di qualsiasi sito web), quindi vanno in qualche modo gestiti.

Vediamo quali sono le possibili tecniche da utilizzare per il salvataggio dei dati. || Leggi altro »

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

Nessun commento

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

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

6 commenti

4 jQuery tricks che non potete non conoscere

19_02 (1)

jQuery. Un framework javascript talmente potente e popolare che equivale praticamente a Zend per il PHP. Sempre più siti web lo utilizzano per la sua capacità di essere sintetico ma altamente funzionale, e non se ne può più fare a...

12 commenti

HTML5 Mobile App: come gestire la connessione di rete

18_02

Ultimamente ho ricevuto molte domande inerenti la creazione di applicazioni mobile in HTML5, CSS3 e Javascript. Gran parte sono incentrate su come gestire l’assenza di connessione e su come procedere per il salvataggio dati. Oggi voglio affrontare il primo di...

4 commenti

jQuery e WordPress: farli cooperare una volta per tutte

04_02

Come probabilmente ben saprete - e mi rivolgo ai lettori che già hanno avuto esperienza con il suddetto CMS - Wordpress ha una gestione davvero difficile per quanto riguarda l'inclusione degli script . In questa guida andremo a vedere come...

11 commenti

AngularJS – Creare applicazioni single page

29_01

Ritorniamo con la nostra guida su Angular. Come promesso nel precedente articolo, dopo aver visto come funziona e come si utilizza Angular, possiamo procedere con la creazione di un’applicazione single-page con il framework di Google. Nel corso di questo articolo...

3 commenti

AngularJS – MVC in azione

16_01

Nello scorso articolo abbiamo visto cos’è AngularJS, come funziona e quali sono le sue grandi potenzialità. Sicuramente ho usato termini non familiari a tutti, ma che spero siano entrati a far parte delle vostre basilari competenze in fatto di AngularJS....

5 commenti

Videotutorial: Come realizzare un menù responsive

08_01

Nella progettazione di un sito web responsive un ruolo molto importante è quello svolto dal menù di navigazione, di solito posizionato in modo orizzontale nella header del sito. In questo video tutorial vedremo come realizzare un menù di navigazione che...

7 commenti

AngularJS – scopriamo il framework di Google

20_12

Introduzione Questa guida è per coloro a cui piace utilizzare javascript, per chi non ha mai utilizzato un framework ma solo librerie come jQuery,  per chi ha utilizzato altri framework ma potrebbe essere motivato a passare ad Angular. Inoltre la...

17 commenti

Creare un custom slider con il carousel di Bootstrap

03_12

Nel corso di questa guida vedremo come creare uno slider accattivante (qui trovate l'esempio finale) in poco tempo e senza bisogno di acquistare licenze o importare nuovi script e fogli di stile, unico requisito: utilizzare Bootstrap. La guida è basata...

7 commenti

AJAX in WordPress: Best Practice

08-10

Chi, come me, utilizza WordPress da molto tempo potrebbe pensare di sapere già tutto sull’argomento, probabilmente per la semplicità di utilizzo e funzionamento di questa piattaforma. Ciò che però potrebbe sfuggire anche ai più esperti è il fatto che WordPress...

3 commenti

Sticky Footer: come posizionare il footer in fondo alla pagina?

24_09_sticky_footer

È da un po’ di tempo che non mi si legge qui sui lidi di Your Inspiration Web, ma eccomi ritornare con un nuovo articolo decisamente utile a tutti i web designer! Vi è mai capitato di aver sviluppato un...

23 commenti

Come geolocalizzare le nostre applicazioni con HTML5?

geolocalizzazione

In questo articolo vedremo come utilizzare le API javascript per la geolocalizzazione messe a disposizione nativamente da HTML 5. Grazie a queste API possiamo ricavare la posizione geografica del dispositivo ed implementare delle funzionalità molto interessanti. (altro…)

5 commenti

Come sviluppare un sito con scroll animato

sito-scrolling

In questo tutorial ti mostrerò come sviluppare la parte tecnica di un sito con scroll animato. Se ne vedono diversi in giro per il web; il concetto è quello di creare un unico documento con un’area più grande (sia in...

22 commenti

Easy Form: Un piccolo fw per i tuoi form

easyform

E se ti dicessi che puoi creare un form di registrazione o di contatto o di quello che vuoi con validazione lato server, validazione lato client e tante altre amenità in due minuti? (altro…)

16 commenti

Flickr API: Diamo vita alla nostra applicazione

api-flickr

La scorsa volta ci siamo lasciati dopo aver capito come funziona phpFlickr, la classe che ci permette di interagire con le API di Flickr, facendo anche qualche esempio, oggi invece ci butteremo a capofitto nello sviluppo della nostra applicazione. Sei...

1 commento