Archivio per la Categoria ‘Ajax & Javascript’ Category

CSS3: ATTIVARE LE TRANSIZIONI CON JQUERY

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 per gli elementi html senza dover “scomodare” Javascript (se non sapete cosa sono le transizioni CSS, date una occhiata a “Come creare animazioni con le CSS transitions”|| Leggi altro »

4 jQuery tricks che non potete non conoscere

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

14 commenti

HTML5 Mobile App: come gestire la connessione di rete

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

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

19 commenti

AngularJS – Creare applicazioni single page

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

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

4 commenti

Videotutorial: Come realizzare un menù responsive

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

12 commenti

AngularJS – scopriamo il framework di Google

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

20 commenti

Creare un custom slider con il carousel di Bootstrap

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

8 commenti

AJAX in WordPress: Best Practice

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

5 commenti

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

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

27 commenti

Come geolocalizzare le nostre applicazioni con HTML5?

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

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

23 commenti

Easy Form: Un piccolo fw per i tuoi form

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

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

jQuery: Come valutare la forza di una password?

In questo articolo vedremo come sviluppare un plugin in grado di misurare la “forza” di una password, con una barra di avanzamento che che mostrerà in live la validità della stringa che stiamo digitando. Il risultato finale sarà come quello...

10 commenti

jQuery+Flickr: Realizziamo un semplice slideshow

Nel precendente articolo abbiamo visto come utilizzare jQuery per recuperare le immagini da un account di Flickr, in questo articolo andremo oltre, realizzando un semplice slideshow: a questa pagina puoi vedere una demo di quello che andremo a creare e...

25 commenti

Jquery: Come recuperare le immagini da Flickr?

In questi giorni mi sto esercitando un po’ con javascript ed in particolare con il noto framework jQuery. Dopo aver realizzato le basi per un piccolo slideshow di immagini mi sono chiesto: “e se mi connettessi al mio account flickr...

17 commenti

Realizzare un megamenu efficace e accattivante: ispirazione, tutorial e risorsa free

Sembrava una tendenza destinata a scomparire in breve tempo, una soluzione efficace solo nei siti di e-commerce, dove si ha la necessità di raggruppare prodotti e categorie in modo schematico e semplice. Invece quella dei mega menu è diventata un...

49 commenti