Flying memes

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 »

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

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.
Read the rest of this entry »

Migrating a single site of a wordpress multisite instance

October 28th, 2012

Recently I had to deal with a WordPress multisite instance, the task was moving the contents of one of the sites hosted on the network to a local copy, update them and the re-move them to the production server.

Read the rest of this entry »