/Latest Projects

> 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 »

> What you can really do with native position:fixed

The Kraken has been released, iOS5 will support native position:fixed and overflow:scroll. There seems to be a lot of misinformation about what you can really do with such functionalities and why you'll still be needing iScroll (or other scroll views). Let's try to clarify a little. Read more »

  • Posted on: Jun 7
  • Tag:
  • Reactions: 9

> Building a pure CSS 3D City

css 3d buildingI was recently experimenting with CSS 3D transforms. Is it possible to build a 3D city with just CSS? Yesterday I've posted on twitter about a quick CSS 3D demo, here comes the follow up blog post. Read more »

  • Posted on: Apr 16
  • Tag:
  • Reactions: 80

> iScroll 4

iscroll4iScroll finally received a complete rewrite. Now it's smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Read more »