Non cliccare qui!!!!!
Farai Esplodere il sito!

TogetherJS collaborazione real time nel proprio sito web

TogetherJS

TogetherJS è una libreria javascript freeware sviluppata da Mozilla. Aggiunge feature di collaborazione allo sviluppo del proprio sito web. Aggiungendo TogetherJS al proprio sito, gli utenti possono aiutarsi effettuando modifiche in tempo reale. Tutte le modifiche sono chiaramente non permanenti,


Pagina web con video in background

HTML5 logo

Nel precedente articolo abbiamo mostrato come inserire un video in una pagina web, sfruttando HTML5. In questa “puntata”, vedremo invece come far diventare il nostro video, lo sfondo della pagina. Al posto di una qualsiasi immagine o colore, useremo quindi


Inserire un video in una pagina web

HTML5 logo

Prima dell’avvento di HTML5, inserire video in una pagina web richiedeva l’utilizzo di tecnologie di supporto quali Flash e javascript. La nuova specifica HTML5 introduce il tag specifico <VIDEO>, abbandonando l’uso del famoso contenitore <object>. I formati supportati dal nuovo


Introduzione alle HISTORY API di HTML5

HTML5 logo

Alla base della navigazione web all’interno di un sito, ci sono i collegamenti ipertestuali (link) che consentono di spostarci da una pagina all’altra. Ad ogni click il nostro browser ricarica l’intera pagina spostandosi alla nuova. Riflettiamo un attimo su questa


Un menu con effetto Carousel

carousel

In questo articolo, spiego come creare un semplice menu con effetto Carousel, da aggiungere al nostro sito web. Faremo uso del plugin jQuery consultabile a questo indirizzo: OWLCarousel. Il menu che andremo a creare dovrà essere visualizzato nella nostra home


HTML5 Testo Canvas animato

HTML5 logo

In questo articolo viene creato un testo animato mediante canvas. Il tag <canvas> è un nuovo tag offerto dalla specifica HTML5 , e può essere impiegato per disegnare ed operare con elementi grafici. Necessita di un linguaggio di scripting di supporto come JavaScript, per


Definire i breakpoint con le css media queries

Responsive Web design

Durante la progettazione di un template Responsive, una delle prime fasi consta nella definizione dei breakpoint con le css media queries. Con un breakpoint definiamo un punto su una linea ideale che parte da 0, in cui deve avvenire una


Cosa è Responsive Web Desgin

Responsive Web Design

Il Responsive Web Design, è una tecnica di design che prevede di costruire contenuti web che si adattano ad ogni dispositivo. Con l’aggettivo “responsive” si indica infatti tutto ciò che “reagisce o risponde in modo appropriato ad uno stimolo”. Se applichiamo


Consigli e trucchi HTML5

HTML5 logo

Con questo articolo continuiamo l’introduzione ad HTML5, trattando alcuni dei nuovi tag e gli attributi che ne scaturiscono. Come riportato in altri articoli, non tutti i browser ancora ad oggi supportano pienamente la specifica HTML5, in costante evoluzione. Per ogni


Browser in modalità fullscreen con HTML5

Mediante l’API HTML5 chiamata Fullscreen, possiamo lanciare il browser in modalità fullscreen, previa approvazione dell’utente. Tutto ciò è possibile mediante il metodo fullscreen.requestFullScreen. Basta chiamare il metodo di richiesta sull’elemento che vuoi visualizzare a pieno schermo e la finestra si