Matteo Spinelli's Cubiq.org

Project Underpants explained

Matteo Spinelli — Tue, 24 Apr 2012 13:00:19 +0000

This weekend my good friend Mark Boas and I released the Underpants Project, a proof of concept aimed to raise awareness over the lack of privacy on the internet. The 1-day-project received quite a few of attention and it's time to give you an insider look on how it works.

Weird webkit box-shadow bug

Matteo Spinelli — Thu, 29 Mar 2012 18:21:02 +0000

Today I finally received my new iPad and to my surprise some CSS intensive applications seemed to run smoother on an iPad 1 than on the new shiny Apple tablet.

Hexagame, the making of an HTML5 game

Matteo Spinelli — Fri, 09 Mar 2012 15:25:02 +0000

I was disappointed by canvas performance on mobile devices but CSS animations seemed good enough even for CPU intensive applications. I wanted to find out if I could build a video game out of pure HTML5 and CSS so I started working on Hexagame.

Important “Add to Home Screen” updates

Matteo Spinelli — Thu, 26 Jan 2012 12:25:42 +0000

Since the beginning the Add to Home Screen script raised some usability concerns. Version 2.0 tries to dissipate these concerns giving the user (and the developer) more control. Where is the limit between a cool feature and an annoying practice? At the end this is just a tool, use it with discretion.

Build and publish an HTML5 game for iPad – Part 3

Matteo Spinelli — Mon, 05 Dec 2011 19:24:46 +0000

A bit late on the roadmap due to an hard disk failure, here comes the third episode of the saga. This time I'm going to show you a quick screencast and you'll finally discover what the game will be about.

Build and publish an HTML5 game for iPad – Part 2

Matteo Spinelli — Mon, 21 Nov 2011 17:12:40 +0000

The HTML5 game development holds steady, last week I was experimenting with web sql, localStorage and the PhoneGap APIs. I admit that it is slightly more complicated than I initially estimated, but it wouldn't be fun if it weren't challenging.

Build and publish an HTML5 game for iPad

Matteo Spinelli — Mon, 14 Nov 2011 15:40:06 +0000

This is the first of a series of posts about a project/experiment I'm currently working on. The challenge is to build a pure HTML game (no canvas) for iPad and publish it to the Apple Store. Here you'll find my day to day experience, suggestions and pieces of code.

SwipeView

Matteo Spinelli — Sun, 09 Oct 2011 14:12:52 +0000

SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It's memory conservative as it uses only three elements at any given time, it's smooth as velvet since it takes advantage of hardware acceleration, it's bandwidth friendly with its 1.5kb minified/gzipped footprint.

Dynamic pure CSS 3D Text

Matteo Spinelli — Wed, 24 Aug 2011 16:54:10 +0000

Using text-shadow to obtain a pseudo 3D effect is a nice technique but the 3D effect is limited to just one direction. I was wondering if we could get a better effect by adding a pinch of CSS transforms.

Text only dot matrix LCD animation

Matteo Spinelli — Fri, 12 Aug 2011 09:44:29 +0000

The other day I saw one of those dot matrix LCD animations you can easily spot on pinballs. Being an incurable nostalgic I wanted to replicate that retro effect using javascript, the first impulse was to go canvas but I soon after converted to a text-only version.