ganglio's » code

JSFiddle – Coders’ sandbox for JS, HTML & CSS

ganglio — Tue, 22 Mar 2011 15:40:47 +0000

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 :þ)

Phisically interacting web pages

ganglio — Thu, 27 Jan 2011 18:44:32 +0000

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.

The sound of sorting

ganglio — Fri, 10 Sep 2010 16:23:34 +0000

Something so geekly beautiful that will certainly (?) please you :D

The sound of sorting

Harmony

ganglio — Tue, 01 Jun 2010 11:24:16 +0000

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

Word Clock: The Widget – Update

ganglio — Wed, 18 Nov 2009 12:01:11 +0000

Quick update on the Word Clock Widget.

Now it uses cufón to render the clock using user selected fonts.

The font I’m using is Circled by Roger White.
From my personal tastes point of view I advise to use monospaced fonts, but it’s just my tastes.

As usual, the code is here.

Word Clock: The Widget

ganglio — Tue, 17 Nov 2009 13:42:52 +0000

As promised I, finally, got some time to complete the widget.

It is based on my Geektools script and uses jQuery and jQuery Timers for automatic update.

Here the code: Word Clock Widget

Have fun!

Updated Word Clock

ganglio — Tue, 17 Nov 2009 11:40:50 +0000

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.

My new desktop clock

ganglio — Sun, 11 Oct 2009 18:10:27 +0000

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.