Currently browsing tag

HTML5

Visualisations of text

lernen-tags

The question here is, how to visualise great amounts of text, text as data or non-prose text. One of the current good practices is to build tag clouds like the one in the top image of this page. The principle of tag clouds is to order words according to their …

HTML5-wow_610x351

Drawing with HTML5 canvas: New ways of visualisations

HTML5 now uses the element <canvas> which allows the instant creation of SVG-like graphics. The contents of the <canvas> element may be manipulated by javascript at any time. This implies a whole set of new opportunities. General explanations, tutorials and definitions for <canvas> http://www.tutorialspoint.com/html5/html5_canvas.htm http://diveintohtml5.org/canvas.html https://developer.mozilla.org/en/Canvas_tutorial http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html http://www.html5canvastutorials.com http://www.canvasdemos.com A …

HTML5-wow_610x351

Things you can do with HTML5

projective-video This is cool. Transform and project a video onto a real 3d grid. This looks as you can easily reproduce this on your own site. Sample: http://wiki.techfandu.org/eduvid/ Directory with sources (plus look at the source code of above’s website): http://wiki.techfandu.org/eduvid/projective-video/index_files/ Presentations as audio + video + slides This project …