/ Projects

> iScroll 5

iscroll5iScroll 5 is a faster more mature code than the previous versions. It doesn't add many new features but it fixes bugs and most notably runs smoother on old devices. Please note that previous releases are not maintained nor supported, so go get the new version! Read more »

  • Posted on: Jan 10
  • Tag:
  • Reactions: 24

> CardView

rolodexThis is a little control to browse through a collection of items like they were cards in a deck or in a rolling file device (rolodex). Mostly useful on mobile, but desktop compatibility has been added for ease of debugging. Read more »

> InfiniWall

wallInfiniWall is a script for desktop and mobile that lets you pan/scroll a potentially infinite number of elements on screen. It is obsessively optimized for mobile devices that notoriously have troubles handling a large number of tags at the same time (especially images). 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

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

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

> Add to home screen

Add to homeI found that many iPhone and iPad users don't know that they can add their favorite web sites to the Home Screen and interact with them like standard native applications. This script helps them to discover this great feature and suggests the steps needed to add your web app to the dashboard. Read more »

  • Posted on: Jan 23
  • Tag:
  • Reactions: 687

> Device motion + websockets demo

Socket ballsiOS 4.2 is finally out and it adds a couple of new important tools to the web developer's arsenal: websockets and devicemotion. The former makes client/server communication a snap, the latter brings accelerometer support to the browser. I wanted to test both technologies and see what problems might arise. It has been a very interesting experience, here're my impressions. Read more »

> Follow along floating layer

floatWe have to find smart alternatives to meet the lack of position:fixed on iPhone. If you don't need the complexity of iScroll you may find this script useful. All it does is to move a layer together with the page scroll position. If you are familiar with the mobile Gmail web app you should know what I'm talking about. Read more »

> HW Accelerated Accordion

thumb-accordionAccordion on mobile webkit is a bad beast. The accordion effect is usually obtained by reducing/incrementing the elements height. Unfortunately, on mobile, height and width are two not hardware accelerated properties, which means choppy animations. Fear not: I just baked for you a translations-only height-changes-free accordion for all your mobile needs. Read more »

> Slide-in menu

slidein-menuSometimes the screen of mobile devices is too small to fit all the controls, menus and options of your application. One solution is to create a slide in menu that the user can pull to access additional functions. Read more »

> iScroll

iScroll v3The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. Read more »

> Spinning wheel on webkit for iPhone/iPod touch

Slot MachineI'm more and more amazed by the power of mobile webkit. I don't love the iPhone that much, but as a web developer the beauty of CSS transitions, animations and transforms can't pass unnoticed. This time I'm giving away a widget that resembles the native Picker View (UIPickerView) functionality but entirely built on javascript. Read more »