Lately I came across JSFiddle a nice sandboxing tool to play with JS, HTML and CSS.
The approach is very simple and intuitive. You have your page divided in four areas one for each part of your fiddle and the last for the result.
the interface
The interface offers handy keyboard shortcuts to speed up the development.
It supports plenty of frameworks as MooTools, jQuery and Processing as well as the possibility to test AJAX and import external resources.
the result after playing a bit
You should definitely give it a try. It’s worthy and funny (at least if you find funny this kind of stuff :þ)
Today I spent a couple of hours playing with some of the most interesting capabilities of Mobile Safari.
Yes, I’m an iPhone owner and quite a fanboy too. I think that, at the moment, it’s the most advanced mobile platform on the market.
Anyway. I started documenting about the possibility to interrogate the accelerometer and the gyroscope from a webpage and I discovered that, not only it’s possible, but it’s also quite easy.
Basically the browser allow the code to bind two special events: the DeviceOrientationEvent and the DeviceMotionEvent. (Documentation here and here).
For my exercise I used the DeviceOrientation one. I read the gyro’s angles and use them to move the shadows of the boxes in the page.
It took me less than one hour to make it work and then I got bored. It’s just too easy.
So I decided to make it more “difficult” and decided to rotate the boxes accordingly to the gyro’s angles to give them a 3D appearance. I googled a bit and I found this article on 24ways. (BTW the website style is AMAZING! I really love the calendar part :)
Here is the result of two hours (hey, I had to work too while I was developing my toy :þ):
A quasi-explicative screenshot
You can give it a try live here.
Something so geekly beautiful that will certainly (?) please you :D
The sound of sorting
Amazing HTML5 procedural canvas-drawing example.
Completely written in HTML5 & JS it’s a funny toy to play with and a good showcase of the possibilities offered by the new standard.
Looking forward for a wide implementation (along with CSS3 specs).
Harmony
By Mr. Doob via Digital Tools
I Finally found some time to fix a couple of bugs in the Word Clock code.
Here the updated one.
Soon I’ll upload a completed (AJAX based) version of the Word Clock plugin.
I just finished my desktop wordclock.
It’s a PHP script for GeekTool
The idea came from an article I read on Boing Boing few days ago. I thought why not implement it on my desktop. Unfortunately I don’t remember the original post. If you have any kind of information about it please let me know.
How it appears on my desktop
Here there’s the code.
UPDATE I finally discovered that the article the idea is from Lifehacker. This article, for sake of precision.
