Archivio per la Categoria ‘Tutorial’ Category

Creare una mappa interattiva personalizzata con Mapbox in 4 semplici passi

Le mappe interattive sono ottimi strumenti da utilizzare in un sito web per mostrare informazioni utili e per far partecipare in modo attivo gli stessi visitatori del sito web.
Negli ultimi anni vi è stato un notevole sviluppo della geolocalizzazione grazie all’avvento delle API di Google Maps che hanno incoraggiato l’utilizzo delle mappe in molti siti web per mostrare dei numeri importanti. || Leggi altro »

Pillole di CSS: Height 100%: perché non funziona mai come ci aspettiamo? Cause e soluzioni!

08_04

Oggi parliamo di pillole di CSS: come risolvere problematiche legate al CSS apparentemente semplici per i più esperti ma che possono rivelarsi problematiche e cavillose per gli aspiranti web designer. Questo è probabilmente uno dei problemi più comuni quando si...

4 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

Come realizzare uno sfondo animato originale e adatto al contesto

17_03

In passato, per rendere un sito dinamico e quindi pieno di animazioni, effetti e quant’altro, ricorrevamo quasi sempre all’aiuto di Flash e quindi dell’action script, che era forse l’unico linguaggio che ci permetteva di ottenere determinati effetti. Fortunatamente, tutto questo...

16 commenti

Guida HTML5: i form – parte 1

13_03

Nel corso di questo capitolo approfondiremo un aspetto fondamentale del web moderno: i form. L’HMTL5 non solo ha migliorato sensibilmente l’utilizzo degli elementi già presenti nei form, ma ne ha aggiunti numerosi altri. Ti sorprenderai di come adesso sia possibile...

7 commenti

Come utilizzare i filtri CSS3 per creare immagini accattivanti

24_02

I filtri css3 sono potenti strumenti che permettono di modificare le immagini direttamente sul browser, creando effetti di transizione e animazione al passaggio del mouse sull’immagine. Il sito web diventa più accattivante perché cambiamo il modo di visualizzare il contenuto...

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

12 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

Guida HTML5 – immagini & outlines

27_01

Nel corso di questo articolo dedicato all’HTML5 scopriremo come utilizzare tag fondamentali per la gestione delle immagini e la formattazione dei titoli. Inoltre, andremo ad analizzare approfonditamente uno degli aspetti più innovativi introdotti dall’HTML5 e, purtroppo, ancora poco diffuso tra...

14 commenti

Metti in mostra la tua professionalità con le testimonianze del clienti

23_01

Se non hai ancora pensato di realizzare una sezione o una pagina del tuo sito dedicata alle testimonianze dei clienti, ti spiego perché è importante farlo, soprattutto se stai realizzando proprio ora il tuo nuovo sito web.  (altro…)

6 commenti

WordPress: Come creare uno shortcode personalizzato

22_01

Nell’articolo di oggi vediamo come creare degli shortcodes personalizzati per Wordpress. Uno shortcode è un piccolo codice testuale nella forma [shortcode] che viene inserito come segnaposto nell’editor di Wordpress e successivamente interpretato dal motore di renderizzazione del CMS per produrre...

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

8 commenti

MAGENTO: I template della pagina shop con la lista dei prodotti

12_11

Questo articolo è il terzo di una serie volta alla realizzazione di un template personalizzato per Magento; invito quindi coloro che non hanno letto i precedenti articoli, ad effettuarne una rapida lettura in modo da possedere un quadro più limpido...

Nessun commento

Come creare un’applicazione PHP per Dropbox

31-10

Oggi vedremo come realizzare una semplice applicazione in PHP che ci permetta di interagire completamente con il nostro account Dropbox attraverso le API messe a disposizione dal team di sviluppo. Le API sono state progettate in modo tale che uno...

7 commenti

Introduzione a Git, Parte 2 – Quali sono le funzioni principali di Git

16_10

Nella prima puntata di “Introduzione a Git” abbiamo visto cos’è un sistema di controllo versione e perché Git è tra i sistemi più usati per la gestione di progetti a distanza e non. Nella guida abbiamo spiegato come installare e...

1 commento

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

26 commenti

Introduzione a Git – Cos’è e come installarlo

23_09_git

Prima ancora di essere un web designer sono uno sviluppatore freelance. Lavorando a molti progetti in remoto ho capito quanto sia importante utilizzare strumenti che facilitino la collaborazione online e permettano la condivisione di codice, testi e, perché no, dei...

11 commenti