Author Archive
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…)
Tags: delaunay, javascript, performances
Posted in Algoritmi | Comments Off on How to render a dynamic animated Delaunay triangulation
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…)
Tags: angular.js, submit
Posted in Algoritmi, Librerie | Comments Off on Angular.js prevent an invalid form submission
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…)
Tags: css3, overlay
Posted in Interfaccie | Comments Off on A pure CSS3 driven overlay
Sunday, September 22nd, 2013
Recently I’ve been dealing with a page containing a stripe pattern as following:
(more…)
Posted in Interfaccie | Comments Off on Dealing with stripe patterns and scrolling
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…)
Posted in Librerie | Comments Off on How to extend WordPress Types Plugin and create new field types
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…)
Tags: CSS, select
Posted in Interfaccie | Comments Off on How to create a fully customizable pure CSS drop down select
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…)
Tags: CSS
Posted in Interfaccie | Comments Off on How to dog-ear a div hovering a pattern without adding extra tags
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…)
Tags: convert, CSS, video
Posted in Algoritmi | Comments Off on Useless bu fun: Encoding video to CSS
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…)
Posted in Annunci | Comments Off on 2 print copies of Designing Next Generation Web Projects with CSS3 to give away
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…)
Tags: migration, network, Wordpress
Posted in Algoritmi | Comments Off on Migrating a single site of a wordpress multisite instance