Petition against DRM in HTML5:
Grade unterzeichnet – and you should, too: eine Petition gegen das geplante DRM in HTML5: Tell W3C: We don’t want the Hollyweb.
HTML 5 Harddisc-Trolling
Nette HTML5-Trollerei von Feross Aboukhadijeh, der auf Filldisk einen Bug in der HTML5 Web Storage-Implementierung im Explorer, in Chrome, Opera und in Safari ausnutzt, um einem die Festplatte vollzumüllentrollen. Theoretisch ist der lokale Speicher von HTML5 auf 2,5-10MB (je nach Browser) beschränkt, das kann man allerdings über Subdomains aushebeln. In diesem Sinne: Happy HTML5-Harddisc-Trolling. (Die Plattenzumüllung kann man auf der Website natürlich rückgängig machen.)
Features:
- Fills up the user’s hard disk on Chrome, Safari (iOS and desktop), Opera, and IE.
- Fills up 1 GB every 16 seconds on my Macbook Pro Retina (with solid state drive)
- Tested with Chrome 25, Safari 6, Opera (12), IE 10.
- For 32-bit browsers, like Chrome, the entire browser may crash before the disk is filled.
- Does not work on Firefox, since Firefox’s implementation of localStorage is smarter.
- Includes a button to reclaim your disk space ;)
Form Follows Function: Experiments in HTML5

Sehr schöne, typo-lastige HTML5-Experimente von Jongmin Kim. Die Bäume sind der Knaller! (via Daring Fireball)
HTML5 Webcam:
There goes the last Reason to use Flash, Photobooth.js: „HTML5 Webcam for your website.“ (via Waxy)
HTML5 Retro Crackercrew-Intros

We Are Back ist das Showcase für das Codef-Javascript-Framework, mit dem man die Intros der Crackercrews aus den 80ern und 90ern in HTML5 nachbauen kann. Vor allem Amiga-Intros dort bis jetzt am Start, soweit ich das sehen kann und von denen finde ich das hier particular awesome. Mal sehen, ob ich damit was basteln kann, nicht wundern, wenn demnächst auf NC irgendwas rumdotzt. Von Creative JavaScript:
Out of the box [Codef] has functions for such classics as vector balls, sine-waves, bitmap font scrollers, glenz vectors (faked of course), rasters, starfields and plenty more. There is also a basic sequencing system allowing you to chain effects together, or feed one into another. An examples folder provides plenty of source for you to get up to speed with and while the whole library certainly takes a very ‘hacked together’ approach, often flying in the face of any kind of web standard or best practise, it’s all just for fun anyway. Plus there’s something very rewarding about throwing a few lines of code together and seeing a large parallax scroll plane with some stars flying past.
The site We Are Back is then used to showcase the demos that get created with codef. They range from complete re-creations of classic intros and cracktros, such as those from the likes of Paradox and Crystal, to new demos inspired by the oldskool vibe. There are loads to watch and depending on your age they’ll either bring back waves of 16-bit nostalgia or be little more than audio-visual curios.
HTML 5 Font-Bomb
Tolle Spielerei von Philippe-Antoine Lehoux: FontBomb ist ‘ne HTML5-Spielerei inklusive Droplet, mit dem man Websites hochjagen kann. (via Gizmodo)
Javascript Boulderdash:
Jake Gordon hat eine Javascript/HTML5-Version von Boulderdash programmiert. Spielen kann man das Ding hier (ist noch unvollständig und ohne Soundeffekte, dafür aber mit allen 20 Levels des ersten Teils). Toll: Er hat den Entwicklungsprozess recht genau dokumentiert: Boulderdash Game Logic, Boulderdash Rendering, Boulderdash Cave Data. (via Superlevel)
Plink – Multiplayer HTML5 Music-Generator:
„Plink is a multiplayer music experience with a super intuitive user interface. Simply by clicking and moving your mouse you create music in real time. You can play by yourself or together with three friends (or strangers).“ Läuft leider nur im Chrome-Browser (für den Rest gibt’s hier ein Video davon), dennoch eine sehr nette Spielerei. (via Superlevel)
The Wheels Of Steel: DJ-Decks in HTML, CSS and JavaScript

Scott Schiller hat ein DJ-Deck inklusive Scratch-Mode und Mischpult in HTML, CSS und JavaScript gebaut. Ist für ernsthaftes Mixing natürlich nicht zu gebrauchen und der Scratch-Mode erzeugt lustige Artefakte, dennoch: Impressive. Most Impressive.
I have been interested in the idea of building a turntable-based UI in HTML for years; however, the past presented a number of technical hurdles. Setting dreams of browser-based remixing aside, simply recreating the core design elements of a turntable was practically infeasible until the advent of CSS3. The features most notably missing from browsers involved drawing circles, rotation of elements and low-level control of audio. As of 2011, it’s a pleasure to say that these features can be implemented almost entirely using HTML, CSS and JavaScript alone.
While some will mistakenly assume this prototype is “made using HTML5″, it is a technically inaccurate label. The design is largely thanks to CSS3 and while a few HTML5 elements are used by the prototype, none of them are visible in the UI. The mixer uses some hidden
<input type="range">elements for tracking the values of the crossfader, upfader and rotary knobs behind the scenes; the same approach applies to the pitch slider on the turntables. In the event Flash is not present, HTML5Audio()may be used by SoundManager 2 for playback of MP3s. Aside from these two elements, the markup is run-of-the-mill (and hopefully, somewhat-semantic) HTML4.
The Wheels Of Steel: An Ode To Turntables (in HTML) (via Waxy)
Flash vs HTML5-Pong-Standoff
Flash und HTML5 wollen’s wissen und duellieren sich in einer Runde Pong. Links Flash, rechts HTML5, zwei Technologien, ein Spielfeld und nur einer kommt da lebend raus… ein Flash/HTML-Pong-Standoff. Awesome!
The Flash Vs HTML5 debate has caused much discussion over the recent months and it certainly got us thinking here at Code. We believe the two technologies are not in competition and each have their purpose, but thought it might be amusing to actually put them in direct competition.
Flash Vs HTML5 (via Superlevel)





