Guida HTML5: i tag audio e video (parte1)

Nel corso del tempo Internet ha subito un notevole cambio di direzione. Mentre alla sua nascita era un mezzo su cui viaggiava prevalentemente la divulgazione di testi scientifici, oggi viene utilizzato sempre più per scopi commerciali o ludici.

L’esponenziale crescita di portali come YouTube ha incrementato la richiesta e lo sviluppo di plugin esterni, come Flash, in grado di supportare elementi multimediali quali file audio e video all’interno delle pagine HTML.

Durante lo sviluppo dell’HTML5 è quindi apparso fondamentale affrontare il tema e creare un supporto nativo, consapevoli del fatto che il 90% del traffico ormai riguarda contenuti multimediali. I tag <audio> e <video>, di cui discuteremo nel corso di questo capitolo e del prossimo articolo,  sono stati creati proprio per sopperire a questo gap. || Leggi altro »

Come scegliere gli abbinamenti di colore per un lavoro grafico ispirandoci a ciò che ci circonda

Molte volte capita che, quando iniziamo un progetto, che sia un sito web, una composizione grafica, o qualsiasi altra cosa che preveda l'accostamento di due o più colori, nel momento in cui apriamo il documento vuoto di Photoshop, quella pagina...

5 commenti

Your Inspiration Store: il punto di partenza di un viaggio che ci entusiasma

Coronare un sogno. Espressione che si usa per indicare il raggiungimento di un traguardo importante. E noi possiamo dire forse di avere coronato un sogno. Sto parlando di Your Inspiration Store, il marketplace, come lo intendiamo noi, di libri e...

7 commenti

HTML Mobile App: perchè utilizzare l’MVC

In un precedente articolo avevo parlato delle view e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti...

5 commenti

Come ripristinare un’installazione WordPress dopo un attacco Hacker – Parte 2

Questa è la parte conclusiva di una serie di articoli legati alla sicurezza dei siti Wordpress. Se vi siete persi le prime due puntate vi consiglio di leggerle, i link li trovate qui: Come ripristinare un’installazione WordPress dopo un attacco...

7 commenti

Come centrare un elemento verticalmente

Talvolta ci si imbatte in problemi apparentemente “di poco conto”, ma che è indispensabile risolvere per cercare di mantenere un determinato equilibrio. Come nella vita, così (e soprattutto) nel Web Design. Ma ovviamente non starò qui a vestire i panni...

9 commenti

HTML Mobile App: il funzionamento delle view

Nell’ultimo post ho discusso l’importanza della view in ambito web, e i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end. In questo articolo voglio approfondire il discorso delle view e di come...

4 commenti

Guida HTML5: i form – parte 4

Ed eccoci, finalmente, all’ultima parte della guida dedicata ai form! Nello scorso capitolo abbiamo introdotto nuovi tipi di input per gestire email, url, date, numeri ed altro. Quest’oggi, invece, affronteremo alcuni interessanti elementi come le datalist e le progress bar,...

4 commenti

Creare gallerie thumbnail accattivanti con effetti hover CSS3

In questo tutorial vediamo come creare alcuni effetti hover sulle gallerie immagini in miniatura o cosiddette thumbnail. Lo scopo è sia quello di rendere accattivante la galleria che quello di aumentare l'interattività dell’utente che al passaggio del mouse riesce a...

9 commenti

Guida HTML5: i form – parte 3

Nei precedenti articoli di questa guida dedicati completamente ai form, abbiamo appreso, tra l’altro, come utilizzare i placeholder e le validazioni tramite le regular expression. Nel corso di questa terza parte, invece, esploreremo alcuni nuovi tipi di input introdotti dall’HTML5....

5 commenti

Piccoli trucchi per guadagnare alla grande con Adsense

Se stai leggendo questo articolo, hai sicuramente cercato nuove soluzioni e strategie per poter aumentare i guadagni di Adsense con i banner che hai inserito nel tuo sito o blog. Ma, prima di svelarti alcune best practices che risolveranno il...

64 commenti

Come spostare WordPress senza fare danni

Wordpress è ormai entrato nella vita quotidiana di noi Web Developer: possiamo utilizzarlo per lavori di diversa portata perché si tratta di un CMS ormai stabile e testato, che ha saputo rivoluzionare il nostro modo di lavorare.Come sapete, una cosa che...

37 commenti

Accordion: creiamolo usando CSS3

Partiamo subito da una premessa: esistono plugin creati apposta per realizzare accordion. Javascript la fa da padrona in questo senso e, nel caso più specifico, Jquery UI. Quando si usa Javascript possono insorgere sempre gli stessi problemi, da quelli più...

7 commenti

jPreloader.js: animiamo anche i caricamenti

Quasi sicuramente, un buon 80% di voi conoscerà bene il sito web del cosiddetto "web designer dei vip", e il restante 20% avrà usato almeno una volta il sito "Mega", famoso per permettere agli utenti di effettuare i propri uploads....

1 commento

HTML Mobile App e Web App: il web ha bisogno delle VIEW

Come avrai notato sono un ossessionato delle prestazioni di rendering e della fluidità lato-client, soprattutto per il fatto che il numero di coloro che navigano da dispositivi mobile, molto meno potenti per caratteristiche hardware rispetto a quelli desktop, è cresciuto...

4 commenti

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

8 commenti

Come ripristinare un’installazione WordPress dopo un attacco Hacker – Parte 1

Nel mio precedente articolo ho parlato della sicurezza su Wordpress, raccontandovi le mie avventure con gli hacker e dando qualche consiglio su come evitare intrusioni non autorizzate. Come detto, nonostante prendiate tutte le precauzioni consigliate, la possibilità che il vostro...

8 commenti

Guida HTML5: I form – parte 2

Nella prima parte di questo capitolo dedicato ai form, siamo partiti dal creare una base in HTML4 e l’abbiamo utilizzata come punto di partenza per introdurre gradualmente le novità dall’HTML5.  In questa seconda parte continueremo sulla stessa scia, approfondendo i...

10 commenti

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

5 commenti