/Latest Projects

> Device orientation augmented UI the CSS way

auiSomeone recently discovered a nice GUI touch in the upcoming iPhone operating system (iOS6), metallic button reflections change as you tilt the device (video on youtube). Can it be done on the browser with just CSS? Of course it can, with a pinch of JS. Read more »

> Project Underpants explained

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. Read more »

  • Posted on: Apr 24
  • Tag:
  • Reactions: 11

> Weird webkit box-shadow bug

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. Read more »

> Hexagame, the making of an HTML5 game

hexagameI 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. Read more »

  • Posted on: Mar 9
  • Tag:
  • Reactions: 11

> Important “Add to Home Screen” updates

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. Read more »

> Build and publish an HTML5 game for iPad – Part 3

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. Read more »

> Build and publish an HTML5 game for iPad – Part 2

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. Read more »

> Build and publish an HTML5 game for iPad

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. Read more »

> SwipeView

swipeview-iconSwipeView 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. Read more »

> Dynamic pure CSS 3D Text

3dtextUsing 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. Read more »

> Text only dot matrix LCD animation

wolfThe 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. Read more »

  • Posted on: Aug 12
  • Tag:
  • Reactions: 9

> Autopsy of a site redesign

newlogoThe good part of having a personal blog is that you can play and experiment with it. I've finally abandoned the XHTML madness and embraced HTML5, I explored the canvas element (you can see it in the logo) and finally added tablet and smartphone compatibility thanks to media queries. Read more for backstage access. Read more »

> iOS5, the first true web app ready platform

Was Apple boycotting web apps or simply weren't we technologically ready? iPad2 and iOS5 will finally bring all the power we need to build full featured web apps with no visible distinction to the native counterparts. Read more »

  • Posted on: Jun 26
  • Tag:
  • Reactions: 47

> iScroll v4.1.3 introduces performance mode

Some users reported lower responsiveness in v4.1. Since iScroll is all about speed I introduced an "uber performance mode" that you can activate on compatible devices to get the smoothest scroll experience ever. Read more »

> RequestAnimationFrame powered iScroll v4.1

Everyone's excited about iOS5 native position:fixed support, but as I explain in a recent post javascript scrollviews are far from retirement. So with renewed enthusiasm here I introduce you to iScroll v4.1. Read more »