jonikorpi.com v5 – Scrollable images (mobile version)

This is the way I’m presenting screenshots of my projects. A horizontally-scrollable area.

Instead of creating a traditional slideshow, that perhaps advances as users click on an arrow icon, I opted for native scrolling. You can simply swipe horizontally with your laptop’s touchpad, scroll using one finger on touch-screen devices, sideways-scroll with a mouse, or simply click and drag the scrollbar. Super-compatible, and bulletproof.

Also, that’s a custom CSS Webkit scrollbar. And yes, it shows up in Mobile Safari. http://numerosign.com/notebook/styling-webkit-scrollbars-with-css3/

Posted on Dec 11, 2010

More by Joni Korpi

View profile