https://www.mrred.it/tag/html/Recent content in HTML on Enrico RossomandoHugoen-gbTue, 05 Mar 2013 23:49:00 +0000https://www.mrred.it/canvasloader-creator/Tue, 05 Mar 2013 23:49:00 +0000https://www.mrred.it/canvasloader-creator/<p><a href="http://heartcode.robertpataki.com/canvasloader/">CanvasLoader Creator</a> è una piccola libreria javascript (5.8kb minificata) che vi permette di riprodurre nel <canvas> un animazione di caricamento (loader) senza utilizzare gif animate.</p> <p>Sul sito c’è un piccolo pannello di controllo che vi permette di settare i diversi parametri e vedere il risultato in tempo reale.</p> <p><a href="http://heartcode.robertpataki.com/canvasloader/"><img alt="image" loading="lazy" src="http://media.tumblr.com/25972b2f20a925785334477ac193585e/tumblr_inline_mhy6cqgVi41qz4rgp.png"></a></p> <p>I vantaggi dell’utilizzare una libreria del genere sono diversi:</p> <ol> <li>5kb sono meno di una gif animata (circa 100x100)</li> <li>Il colore, la velocità e tanti altri parametri possono essere cambiati in tempo reale e quindi riprodurre effetti più carini a seconda delle situazioni</li> <li>La dimensione può essere cambiata e quindi adattata alle diverse interfacce</li> <li>Il codice necessario per utilizzarla è semplicissimo</li> </ol> <p><a href="http://heartcode.robertpataki.com/canvasloader/"><img alt="image" loading="lazy" src="http://media.tumblr.com/c849a9d8e4107bc1c76012ab2c891e8c/tumblr_inline_mhy6pu3hAw1qz4rgp.png"></a></p>https://www.mrred.it/html5-javascript-canvas-experiments/Sun, 03 Feb 2013 01:02:06 +0000https://www.mrred.it/html5-javascript-canvas-experiments/<p><a href="http://www.dhteumeuleu.com/index" title="Canvas Experiment"><img loading="lazy" src="http://media.tumblr.com/6766010971a29fb8d5ddbcb182a44f90/tumblr_inline_mhjuq20kZI1qz4rgp.png"></a></p> <p><strong><a href="http://www.dhteumeuleu.com/"></a><a href="http://www.dhteumeuleu.com/">http://www.dhteumeuleu.com/</a></strong> una raccolta di diversi esperimenti in HTML5 che fanno uso del Canvas senza nessun aiuto da parte di plugin come Flash…</p> <p>Per ogni esperimento è possibile visualizzare anche il <strong>codice sorgente</strong> per capire come è stato implementato. Molto utile per scoprire nuove tecniche di <strong>animazione</strong> e di gestione del <strong>canvas</strong>.</p> <p><img loading="lazy" src="http://media.tumblr.com/4313d967329c4bcf7613575153554a5f/tumblr_inline_mhjv4t0B3m1qz4rgp.png"></p>