Archivio per la Categoria ‘Tutorial’ Category
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 a un determinato evento? Oggi ti farò vedere come manipolare un’animazione allo scrolling. || Leggi altro »
GSAP: creiamo un login animato
Le animazioni sono all’ordine del giorno nel web odierno. Purtroppo, però, sempre più spesso ci troviamo a combattere con la compatibilità cross-browser che, specialmente su browser come IE9 e precedenti, non è sempre assicurata. (altro…)
WordPress per i tuoi clienti: semplificare l’interfaccia con il plugin Adminimize – Parte 2
Nella scorsa puntata di questa miniserie sulla semplificazione dell’interfaccia di WordPress per i vostri clienti vi ho presentato Adminimize, un comodo plugin che permette di nascondere elementi dell’interfaccia di amministrazione di WordPress in modo semplice e veloce. In questo articolo vedremo...
WordPress per i tuoi clienti: semplificare l’interfaccia del popolare CMS – Parte 1
Utilizzo WordPress da anni e se c'è una cosa che ho imparato è che, per l'utilizzatore finale (il vostro cliente per esempio), questo Content Management System potrebbe non essere così intuitivo e semplice come potrebbe sembrare a un "addetto ai...
Introduzione a Git – Usare Git come strumento di collaborazione online
È passato quasi un anno da quando abbiamo iniziato il nostro percorso introduttivo a Git: per cause di forza maggiore non sono riuscito a concludere questa piccola guida, ma sono tornato per portare a termine quanto iniziato. Ricapitolando: nella prima...
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...
Pillole di CSS: Height 100%: perché non funziona mai come ci aspettiamo? Cause e soluzioni!
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...
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...
Come realizzare uno sfondo animato originale e adatto al contesto
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...
Guida HTML5: i form – parte 1
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...
Come utilizzare i filtri CSS3 per creare immagini accattivanti
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...
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...
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...
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...
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...
Guida HTML5 – immagini & outlines
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...
Metti in mostra la tua professionalità con le testimonianze del clienti
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…)
WordPress: Come creare uno shortcode personalizzato
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...