OverscrollはデスクトップのWebブラウザでiOSに似たスクロールを可能にするライブラリです。

iOSが直感的なデバイスである特徴の一つに惰性のスクロールがあります。指で弾くとその流れでスクロールが続く機能です。あの直感的スクロールをjQueryで再現したのがOverscrollです。

デモはiPhone風のデバイスになります。

クリックして滑らせると惰性でスクロールしていきます。

画面をドラッグしてスクロールさせるUIとして思いつくのはGoogleマップでしょう。他にも広い範囲のデータをさまよいながら見ていくようなUIとして使ってみると面白いかも知れません。より直感的で面白い効果が臨めそうです。すべりの具合を設定で変更したり、スクロール時のアクションをキャッチすることもできます。

OverscrollはjQuery/JavaScript製、MIT LicenseまたはGPLのオープンソース・ソフトウェアです。

MOONGIFTはこう見る

iPhoneの登場以前と以後でコンピュータの状況も変わってきています。コンピュータはスマートフォンの良さを取り込み、より直感的になったりシンプルなWebデザインが好まれるようになっています。レスポンシブWebデザインという言葉もスマートフォン、タブレット時代から注目されるようになりました。

ガラケーと異なり、スマートフォンとデスクトップの市場は相互に作用しあっています。どちらかの専門では駄目で、相互の特性を理解した上でサービスを構築しなければなりません。スマートフォンで感じた良さをデスクトップ上のサービス、ソフトウェアに活かしていくと大きな変化がありそうです。

Azoff Design | Overscroll | An iOS scrolling emulator for jQuery

azoff/Overscroll