Talk about getting caught with your pants down…
Scored a link on Hacker News and haven’t updated the site for 6+ months!
Just hope everyone understands that the name is tongue-in-cheek.
unofficial Google Image Search by Drawing
Franz Enzenhofer has cobbled together a whole bunch of tech to create the “unofficial Google Image Search by Drawing” service. He’s also made the source available on Github, what a nice chap.
How much time takes your browser to boot Linux ?
This is an interesting question posed by French programmer Fabrice Bellard, who then attempted to answer the question by creating a JavaScript PC (x86) emulator to run Linux. It runs in FireFox 4, Chrome 10, Opera 11.11 and IE9. Oh and he also wrote his own JavaScript terminal, you know, for fun.
Paul Hayes Creates a Sphere with 3D CSS
Paul describes the recipe for making cool 3D shapes using a dash of CSS3 and a crap load of HTML elements. The recipe includes the -webkit-transform-style: preserve-3d; statement which I hadn’t seen before. Apparently it makes sure that an element’s children share the same 3D space as their parent, instead of being flattened. Not that I have any real understanding of what that means or anything.
text-align: centaur;
Cameron Daigle has created a masterpiece. Does what is says on the box, no mess, no fuss. Paul Irish has even written a polyfill for it (source). Go forth and conquer your text with the noble but mighty centaur, king of mythical creatures.
Photo Particles WebGL Demo by Paul Lewis
Drag and drop a photo onto this demo and it’s broken up into little particles that swarm around 3 points like they’re black holes.
Windows 7 x64 MS Paint EXE Interpereted as Audio Data
Had to invent a whole new category for this one. Random Davis has taken the Windows 7 x64 MS Paint EXE file and fed the binary data into Adobe Audition. The result is surprising!
The Letter Heads Turning Heads
One of the demos on Mozilla’s Web O’(pen) Wonder is The Letter Heads by Simurai. It’s a wonderfully whimsical use of CSS3 text shadows and JavaScript. There’s also some subtle audio. It’ll bring a smile to your face guaranteed.
Turn any page into Katamari Damacy!
At kathack.com is one of the coolest bookmarklet hacks I’ve seen. Here’s how it works according to the authors:
- Splits all the text on the page into words/spans. (
StickyNodes::addWords) - Builds a grid data structure so that intersections with elements can be found quickly (
StickyNodes::finalize). Essentiallygrid[floor(x / 100)][floor(y / 100)]is a list of elements in a 100×100 pixel block. This should probably be an R-tree, but the hot-spot in this program is definitely in the rendering. - The ball and stripes are drawn in a canvas that gets moved around the page (i.e.
position: absolute; left: x; top: y;). SeePlayerBall::drawBall. - When an element is attached to the katamari, a clone is made. The original element is hidden. The new element is moved around by setting
-webkit-transform. The transform rotates the element about the rolling axis of the katamari and scales the element to make it look like it’s coming out of the page.
Gorgeous WebGL Fractals at fractal.io
fractal.io is a web app for generating 2D and 3D fractals using WebGL. You can fly all around and through the generated structures. It has to be seen to be believed.
