Flying memes

A pure CSS3 coverflow effect for Chrome, Firefox and Safari

August 5th, 2011

I’ve been recently playing with some of the newest CSS3 features, such as pseudoclasses selectors, transition and transform properties and attr(). In order to have something concrete on which test these features  I created a coverflow effect that works only out of CSS instructions without the use of javascript.

Read the rest of this entry »

Playing with media queries

July 9th, 2011

I recently created a small website called ‘La piccola biblioteca della natura’ to showcase some of my girlfriend watercolors. I decided to go for a responsive design and set up some nice media-query statements. If you try to resize the browser window you surely notice how the structure of the fruits change in response to this operation.

Read the rest of this entry »

HTML5 Augmented Reality: fuzzy results

May 12th, 2011

I spent a few hours trying to figure out how to deal with the brand new deviceorientation API in order to obtain a nice Augmented Reality effect. First I searched on how to convert Euler Angles to Cartesian Coordinates and I found a nice article about that, then I downloaded the very nice Sylvester library which lets you compute matrix operations in Javascript.

Read the rest of this entry »

HTML5 Video Mosaic: a proof of concept

March 20th, 2011

Following a suggestion by a VJ friend of mine I worked on creating a real time HTML5 video mosaic that can be used to aggregate videos from your hard disk in a custom-size grid.

Read the rest of this entry »

Something I’ve been working on

February 22nd, 2011

What I did the last two months? I was preparing the html.it HTML5 guide which will be released starting from the next week. Right by now a preview chapter is already available and, if you are interested, you might also want to follow the presentation event, taking place the 28th of february in Rome.

Talking about events, the last saturday there was UGIALT.net and I had the pleasure to share a talk with Simone Chiaretta: in just 20 minutes each of us live coded a simple application using his preferred language: Ruby on Rails for me and ASP.NET MVC for Simone. It was a really enlightening experience.

Ruby Spell Doctor: a Ruby binding to Hunspell

November 25th, 2010

The idea behind this project was in my head since a while. Then thanks to Gregory Brown and his Ruby Mendicant University, I had the opportunity and the incentive to start developing it. Ruby Spell Doctor bind some of the most useful Hunspell functions making them available to Ruby developers. For who don’t know, Hunspell is a widely used open source syntax checker library that is implemented in a lot of softwares, such as OpenOffice, Google Chrome and Mac OSX.

Read the rest of this entry »

WiPad 0.3, aka: how to handle permalinks

October 16th, 2010

I’ve just committed the 0.3 version of WiPad, this new release introduce a new mechanism which helps handle permalinks. Having to deal with a single-file Sencha-based application made me pretty hard to figure out how to re-introduce permalink and give the opportunity to reach a single post using its url.

Read the rest of this entry »

A mouse driven CSS3 ‘rotate3d’ parallax gallery for Safari

September 9th, 2010

I’m recently enjoying KillZone 2 so much; during one of my gaming sessions I noticed that the loading screen is designed as a bas-relief that you can partially rotate using the joypad oscilloscope, this technique, although easy to implement in a PS3 game, produce a very interesting effect and so I decided to try to transpose it to a web gallery.

Read the rest of this entry »

An iPad plugin theme for wordpress: working alpha

July 25th, 2010

Update 01/09/2010: WiPad is now published and available on the official WordPress plugin directory.

I’ve started deploying an iPad wordpress theme/plugin based on wptouch and powered by Sencha. Today I’ve reached the first working alpha and so I’ve decided to use it against this blog. You can try out this theme by surfing here with an iPad or a simulator; two screenshots are also available after the jump.

Read the rest of this entry »

We Love Shadows! A CSS3 and Javascript based light source

June 19th, 2010

CSS3 has gradients and CSS3 has shadows, so why don’t try to use both to simulate a light source ? That is the basic idea behind this project. I’ve set-up a small demo which let you use the mouse to direct a light source over a text and observe its shadow change according to light position.

Read the rest of this entry »