Material Navigation

Recently I wanted to use the navigation transition suggested by the Material Design guidelines (the element into the list growns when selected) into a web page, but I've not been able to find any working example online. So I've managed to provide my own implementation. This is part CSS and…

Check the Checkbox

I often use the "add and remove rows from a grid" pattern to permit handling groups of data, but today I had to manage a particular use case. Given a simple table <table> <tr> <td> <input type="text" name=…

Overcomplicating Images

Sometimes a user's "It doesn't works" becomes a story. This "It doesn't works" was about uploading images on a website. A simple task to achieve, which becomes a little more complex when a live preview is required by the usual "I need images in every…

The Distro You Like

I need to get some practise with d3.js, the Javascript library used to display complex data and relationships, so tonight I've produced a first sample. It is a visualization of the popularity of Linux distros between 2002 and 2016, accordly to the data published by Distrowatch. The larger the…

Fullscreen Navigation

Me: Well, it's 10 days to the deadline. Back-office panels are mostly done, but still I've seen nothing about design. Do you have some template, a mockup, a wireframe, a layout drawn on a Post-It...? Designer: Errr... Nope... But it have to be like this. How elegant! How smart! Do…

WKT to SVG, the Hard Way

I needed an SVG with boundaries of "circoscrizioni" (administrative sub-municipal areas) in Turin (the city in which I live). The only thing I found was a CSV with the coordinates, in WKT format. "No problem, for sure a geo-hacker published some tool to convert the data!"…