/Latest Projects

  • Hexagame, the making of an HTML5 game
  • SwipeView
  • iScroll 4
  • Add to home screen
  • Device motion + websockets demo
  • Follow along floating layer

> 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: privacy
  • Reactions: 8

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

  • Posted on: Mar 29
  • Tag: mobile dev
  • Reactions: 17

> Hexagame, the making of an HTML5 game

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

  • Posted on: Mar 9
  • Tag: web dev
  • Reactions: 6

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

  • Posted on: Jan 26
  • Tag: announcement, iOS
  • Reactions: 1

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

  • Posted on: Dec 5
  • Tag: mobile dev
  • Reactions: 14

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

  • Posted on: Nov 21
  • Tag: mobile dev
  • Reactions: 9

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

  • Posted on: Nov 14
  • Tag: mobile dev
  • Reactions: 14

> SwipeView

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

  • Posted on: Oct 9
  • Tag: mobile dev
  • Reactions: 168

> Dynamic pure CSS 3D Text

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

  • Posted on: Aug 24
  • Tag: web design
  • Reactions: 11

> Text only dot matrix LCD animation

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

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

> Autopsy of a site redesign

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

  • Posted on: Jul 17
  • Tag: web design
  • Reactions: 13

> 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: iOS
  • Reactions: 45

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

  • Posted on: Jun 10
  • Tag: announcement
  • Reactions: 28

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

  • Posted on: Jun 8
  • Tag: announcement
  • Reactions: 30

> 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: iOS
  • Reactions: 8
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.