Flying memes

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…)

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 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…)

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…)

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

(more…)

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…)

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…)

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…)

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…)

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…)