Flying memes

Author Archive

A wiki engine in 40LOC with Service Workers

Sunday, 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.

(more…)

How to render a dynamic animated Delaunay triangulation

Sunday, 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.

(more…)

Angular.js prevent an invalid form submission

Saturday, 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.

(more…)

A pure CSS3 driven overlay

Tuesday, 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.

(more…)

Dealing with stripe patterns and scrolling

Sunday, September 22nd, 2013

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

(more…)

How to extend WordPress Types Plugin and create new field types

Sunday, 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.

(more…)

How to create a fully customizable pure CSS drop down select

Thursday, 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.

(more…)

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

Saturday, 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.

(more…)

Useless bu fun: Encoding video to CSS

Thursday, 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.

(more…)

2 print copies of Designing Next Generation Web Projects with CSS3 to give away

Tuesday, January 29th, 2013

I’ve two printed copies of Designing Next Generation Web Projects with CSS3 to give away. To be eligible you have to live in US, UK or Europe, if so simply click on this tweet and retweet it using the retweet button before Friday February 1, 2013 17:00 GMT. Winners will be randomly picked from the retweet list and announced on Saturday 2.
(more…)