Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

フルスクリーンデザインにぴったりなスクロール機能を実装する「ScrollIt.js」

まぁこんなの自分でも実装できるけど、サクッと使えて便利そうなのでご紹介。クリックすると指定の箇所にアニメーションを伴ってスクロールする機能が実装出来るjQueryプラグイン。

ScrollIt.js

フルスクリーンデザインはシンプルだし僕はとても好きなんですよね。面白いUX取り入れてるサイトも出てきたし。例えば、Coineyさんとか。スクロールすると動的に画像が動くあの仕組み。どうやってるんだろう。とにかくかっこいいい。

で、このプラグインはここを押すと。

こうスクロールする。Fixedヘッダーだから操作性が高い。

フルスクリーンデザインは1ページあたりの情報を少なくして、下に長くしていくわけで。スクロール機能がイケてないとめんどくさいことこの上ないわけで。
こういうプラグインを取り込んで、UXの改善を図るのはユーザーフレンドリーだよねという訳です。