ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2