Flying memes

Falling Stars: find one-hit wonders on Spotify

December 29th, 2014

During this summer I got bored from my Spotify playlist and started hunting new songs, the task revealed harder than I thought and I end up coding a small website to achieve my goal.
Falling Stars helps you find one-hit-wonders and create a Spotify playlist out of those songs.

Read the rest of this entry »

A wiki engine in 40LOC with Service Workers

August 10th, 2014

Service Workers are cool, a new technology that give you the power to write a proxy in Javascript that sits on your browser between the document and the server.

Read the rest of this entry »

How to render a dynamic animated Delaunay triangulation

May 4th, 2014

A friend of mine recently asked if I can create an animation out of this nice example; the first thing I did was wrap the render function around a requestAnimationFrame and add a random speed factor to all the vertices at every iteration.

Read the rest of this entry »

Angular.js prevent an invalid form submission

March 1st, 2014

Angular.js does an excellent job on preventing a form submission when invalid but only if the action attribute is not present, otherwise we have to implement a few tricks to achieve the same behaviour.

Read the rest of this entry »

A pure CSS3 driven overlay

February 11th, 2014

During my last workshop with Gabriele Lana I’ve started a nice conversation with Fabio Fabbrucci on how to recreate the perfect overlay effect using as less JavaScript as possible.

Read the rest of this entry »

Dealing with stripe patterns and scrolling

September 22nd, 2013

Recently I’ve been dealing with a page containing a stripe pattern as following:

Read the rest of this entry »

How to extend WordPress Types Plugin and create new field types

June 2nd, 2013

Types is a very well made WordpPress plugin that basically allows the creation of new custom post types and custom fields directly from the WordPress administration area without the need to write extra PHP code.

Read the rest of this entry »

How to create a fully customizable pure CSS drop down select

April 25th, 2013

I was working on a new project that uses a highly customised select; as you might know CSS and <select> doesn’t work well together. In fact only a small subset of the CSS properties are accepted by a <select> element and, even worse, this subset vary from one browser to another.

Read the rest of this entry »

How to dog-ear a div hovering a pattern without adding extra tags

April 20th, 2013

Today I come up with a way to dog-ear a div without adding extra tags. Basically we can take advantage to both :after and :before pseudo selectors to extend the div element and then use this technique to create the dog-ear with borders.

Read the rest of this entry »

Useless bu fun: Encoding video to CSS

March 14th, 2013

I spent part of the last weekend on this experiment that startet with a question: it is possible to convert a video to a stream of CSS properties ? Surprisingly the answer is yes. We can dump each video frame to a canvas and then create a special (and very long) multiple background property (one background for each video row) where each pixel is created using a 1px size gradient.

Read the rest of this entry »