Creare un Image Flip con i canvas
Nell’ultimo post ho avuto modo di giocare con le trasformazioni del canvas. Mi è venuto in mente che potesse essere utile avere una classe in mootools che prendesse un’immagine presente nella pagina e mi desse la possibilità di fare un flip orizzontale (o verticale della stessa) per ogni evenienza.
Microformats – una alternativa ai Microdata(?)
Nel mio ultimo post ho analizzato i Microdata offerti da HTML5 per muoverci verso un web sematico. Oggi voglio analizzare, invece, un’alternativa: i Microformats. Essi costituiscono un’alternativa ai Microdata per poter definire tipologie di informazioni utilizzabili-da-macchine/computer e che ci aiutino un po’ nel SEO.
Effetto plasma anni 60 nelle nostre pagine web
Come nelle precedenti vacanze estive dove ho giocato con l’elemento canvas per creare un effetto demo old-school, anche per questo periodo di feste che, ahimè, per il sottoscritto feste non sono affatto state, ho volute rifarmi con un secondo effetto grafico classico che visualizzi i mostri che la mia ragione ha creato dopo la 48 ore Natale-Santo Stefano a tavola.
Canvas: Cambiare il colore di un’immagine e renderla semi-trasparente
Con l’articolo di oggi vado a unirmi ai miei colleghi che già in passato hanno scritto riguardo l’uso del tag canvas e vi presento questo piccolo esperimento.
In uno dei nostri ultimi siti, ci sarebbe stato comodo poter usare un’unica immagine, in varianti di colore diverse, senza però dover creare una copia dell’immagine per ciascuna tonalità.
HTML5 boilerplate – Un template HTML5
<img class="alignleft size-full wp-image-4322" title="aaa1" src="https://www.artera.net/wp-content/uploads/2010/08/aaa1.png" alt="aaa1" width="310" height="85" style="margin-right:10px;" />Sempre a causa del mio <a href="https://www.artera.net/it/blog/web/effetto-fuoco-con-canvas-una-demo-old-school">periodo di sperimentazione estiva</a>, mi chiedevo, volendo sviluppare una pagina completa in <a href="https://www.artera.net/it/blog/tag/html5">HTM5</a>, da che base partire. <strong>Esistono dei template</strong> di partenza <strong>che racchiudono</strong> un po' tutte <strong>le necessità</strong> di base insite nella partenza <strong>di una nuova struttura HTML</strong>, meglio se orientata agli ultimi fabbisogni tecnologici?
Effetto fuoco con canvas, una demo old school
In questi giorni estivi un po’ più calmi del solito mi sono messo a leggere con calma gli articoli sul tag CANVAS redatti da Alessandro,
HTML5 e la compatibilità tra i browser
Lo studio di nuove feature da poter usare nella programmazione induce ogni web developer a domandarsi “a che livello sia” la compatibilità tra browser per la funzionalità che desidera utilizzare. Oggi voglio brevemente analizzare il livello cross-browser per gli elementi HTML5 e proporre qualche trick che può essere utile per risolvere alcune lacune.
HTML5: i principali tag per lo sviluppo web
Nel mio post precedente ho introdotto le novità semantiche che HTML5 ci offre per garantire maggiore uniformità e leggibilità al codice delle nostre pagine web. Oggi, invece, analizzeremo i vari tag HTML5 che possiamo utilizzare per sviluppare pagine web il cui codice abbia buona leggibilità.
HTML5: novità semantiche per lo sviluppo web
Dopo la parentesi dedicata all’elemento Canvas, oggi voglio riprendere il percorso di approfondimento nel mondo di HTML5 soffermandomi principalmente sulle novità che questo linguaggio ci offre in ambito semantico per lo sviluppo di siti internet.
Leggere magazine e giornali sull’iPad
Se nei mesi che hanno preceduto l’uscita del tablet di Apple si è fatto un gran parlare della concorrenza che avrebbe fatto al Kindle per gli e-book, dopo averlo visto all’opera mi pare che l’iPad rappresenti sì una killer app dell’editoria, ma per i magazine e i quotidiani di informazione, e non per i libri.
HTML5 Canvas: le trasformazioni e le immagini composte
Lo strumento Canvas di HTML5, riguardo al quale ormai siamo quasi esperti, ci offre alcune funzionalità utili per elaborare figure complesse e per modificare le impostazioni del context. Oggi introdurrò queste funzionalità utili per chi vuole approfondire il disegno con Canvas a livello completo.
HTML5 Canvas: stile e colori
Nei miei post precedenti riguardanti HTML5 ho usato alcune istruzioni per manipolare i colori delle forme geometriche e degli elementi creati nel Canvas. Oggi vedremo di approfondire la gestione dello stile di ciò che componiamo nel Canvas per ottenere elementi graficamente più gradevoli.
