HT5Live Joomla 1.6 Template Demo

Posted on by ELExGpunkt

HT5Live ist eine einfaches Joomla Template speziell für HTML5 und CSS3 optimiert. Einfach, schlank und fast ohne Grafiken auskommend ist es für Joomla 1.6 geeignet.

Download-Link: ht5live.zip
Demo: http://joomla.html5live.at

++ IE 9.0

++ Google Chrome 8.0.552.237

+ Mozilla Firefox 3.6.3

— IE 8.0 (no support for HTML5 and CSS3 at all) –> workaround http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

Share

HTML5 Canvas

Posted on by ELExGpunkt
HTML5live Logo green



c. by Selfhtml5.org

<canvas width="400" height="300" style="margin-left:-30px"></canvas>
<script>
 var context = document.getElementsByTagName('canvas')[0].getContext('2d');
 var lastX = context.canvas.width * Math.random();
 var lastY = context.canvas.height * Math.random();
 var hue = 0;
 function line() {
   context.save();
   context.translate(context.canvas.width/2, context.canvas.height/2);
   context.scale(0.9, 0.9);
   context.translate(-context.canvas.width/2, -context.canvas.height/2);
   context.beginPath();
   context.lineWidth = 5 + Math.random() * 10;
   context.moveTo(lastX, lastY);
   lastX = context.canvas.width * Math.random();
   lastY = context.canvas.height * Math.random();
   context.bezierCurveTo(context.canvas.width * Math.random(),
                         context.canvas.height * Math.random(),
                         context.canvas.width * Math.random(),
                         context.canvas.height * Math.random(),
                         lastX, lastY);
   hue = hue + 10 * Math.random();
   context.strokeStyle = 'hsl(' + hue + ', 50%, 50%)';
   context.shadowColor = 'white';
   context.shadowBlur = 10;
   context.stroke();
   context.restore();
 }
 setInterval(line, 50);
 function blank() {
   context.fillStyle = 'rgba(0,0,0,0.1)';
   context.fillRect(0, 0, context.canvas.width, context.canvas.height);
 }
 setInterval(blank, 40);
</script>
Share