Benvenuto all'interno della sezione HTML5 dove sarai in grado di apprendere come creare la struttura del tuo sito web utilizzando le caratteristiche più interessanti di questo linguaggio.
Non perderti neanche un articolo, iscriviti alla newsletter.
Infatti come abbiamo visto nella puntata precedente questo tipo di elemento ci offre una superficie dove potremmo andare a disegnare qualsiasi forma che desideriamo, aggiungere degli effetti ad essa e modificarla a nostro piacimento! Inoltre lungo questa serie di articoli andremo ad imparare come creare e gestire il 3D all’interno dei nostri canvas e anche come sia possibile sviluppare dei veri e proprio video giochi sempre con i canvas!
Ma come tutti i percorsi formativi che si rispettino, dobbiamo fare un passo alla volta, e quale potrà essere il passo migliore se non andare ad analizzare una parte del web tanto comune a tutti noi, il testo!
Abbiamo da poco rilanciato questo sito con una nuova grafica e con dei nuovi contenuti; ed è stato proprio pensando a questi nuovi contenuti che abbiamo realizzato che effettivamente non avevamo ancora pubblicato nessun articolo che ci permettesse di capire le prime, grandi, differenze tra HTML4 e HTML5. Andiamo a vederle insieme!
Nonostante che il sottoscritto non ami in particolar modo gli articoli lista (che troppe volte vengono utilizzati soltanto per scopi che vanno oltre l’HTML5) quest’oggi ho deciso di fare uno strappo alla regola e darvi una lista di 20, e più, cose che dobbiamo tutti conoscere per sviluppare una corretta pagina in HTML5. Partiamo dalla cosa più semplice, quello che dobbiamo inserire al top di ogni file HTML, il doctype!
Iniziamo la nuova settimana introducendo un nuovo elemento HTML5 che prende il nome di <canvas>, un elemento che non è molto differente da un classico elemento <div> oppure un <a>, tutti agiscono come contenitori. Ma l'elemento <canvas> è un tipo particolare di contenitore... Infatti è stato studiato per contenere grafiche realizzate con del semplice codice JavaScript. Cosa significa tutto questo?
Beh vuol dire che con l’avvento del metalinguaggio HTML5 da oggi sarete in grado di disegnare nelle vostre pagine grafici che si adatteranno al contenuto delle vostre pagine in maniera completamente naturale! Avete mai controllato la chart di Google Analytics? Se ancora non lo avete scoperto, avete quasi l’obbligo di utilizzare questo utilissimo strumento per tracciare le statistiche dei vostri siti; ma tornando a noi, il grafico che mostra i dati per il mese appena passato potrebbe essere un ottimo posto per piazzare il nuovo <canvas>.
Quindi è possibile tracciare linee e tracciati; buono a sapersi! Ma cosa pensate se vi dico che potrete aggiungere sfumature, curve ed anche ombre?!? La cosa si fa più interessante ed in questa puntata scopriremo come sia possibile muovere i primi passi con questo interessantissimo nuovo elemento!
Non ci era ancora capitato di affrontare questo discorso insieme, ma questo leggero articolo che, spero, vi aiuterà a comprendere nel migliore dei modi il concetto di tipografia e di come questa possa incrementare la leggibilità dei vostri siti ed aiutare il vostro visitatore a spendere più tempo sulle vostre pagine.
I concetti che andremo a vedere sono semplici impostazioni HTML o CSS basati su concetti di usabilità facili da applicare e grandissimi nel risultato restituito. Intanto facciamo un passo avanti ed andiamo a vedere come sia possibile impostare un ritmo vertiale alle vostre pagine, tutto questo semplicemente modificando l’interlinea dei nostri testi!
Social Network