Flying memes

Author Archive

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

Migrating a single site of a wordpress multisite instance

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

(more…)

Translating wp-members with WPML

Friday, March 23rd, 2012

I was asked to create a website where some content can be viewed only by registered users. I decided to go for WordPress and I choose wp-members plugin to enable member-only content as well as custom login and register pages.

(more…)

Building a company logo using CSS3

Thursday, March 15th, 2012

I’ve recently left my job to found a new company called ‘Comparto Web‘; to showcase some of our CSS3 skills I decided to implement the logo using only HTML elements and taking advantage of some new properties such as transitions and animations.

(more…)

Copy with Style bundle now available for TextMate 2

Sunday, January 8th, 2012

I’ve always owned a debt of gratitude to Bartosz Blimke and his amazingly simple ‘copy with style’ Textmate bundle which lets you copy and paste chunks of code to external programs (eg: Keynote) while keeping all the syntax highlight working.

(more…)

Handling thousands of pics from a mobile device

Sunday, November 27th, 2011

Lately I’ve been involved into a fascinating project called PepperTweet which consist in extract and visualize streams of pics from twitter starting from some search keywords.

(more…)

Real time twitter data visualization with Processing.js

Tuesday, October 25th, 2011

Lately I’ve been pretty busy enjoying some real time data visualization examples and demo. To have some data to work with I decided to use Twitter API, in particular I rely on jQuery LiveTwitter plugin by elektronaut; next I built a stack chart like visualization in which every new tweet of a chosen topic is dropped over its language column.

(more…)

Using the :required pseudo selector to enhance forms

Sunday, August 14th, 2011

Lately I come up with this idea on how to enhance a form by using the :required pseudo element. What you can do is mix this new pseudo element with the ‘+’ selector in order to modify elements that are adjacent to your input tag, such as the label.

(more…)

A pure CSS3 coverflow effect for Chrome, Firefox and Safari

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

(more…)