Alton

JavaScript

コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

Altonはコンテンツごとに縦スクロールすることによりWebページをナビゲートできるjQueryプラグインです。ブラウザいっぱいに広がるフルスクリーン表示でスクロールしていくことができるので、インパクトあるWebページを作りたい時によさそうですね。

Alton

Altonのデモ動作は以下のページからチェックすることができます。

Alton

デモ

上記のデモは右側にページナビゲーションも付いているので、自分が今どの辺りにいるのかすぐに確認することができます。

スクロールすると各パネルごとにストップするので、テンポ良くナビゲートしていきたい場合には非常に有効ですね。

また、ブラウザ全体を使ったフルスクリーンで表示されるのでとても見やすいですしコンテンツにも集中しやすいなぁと思いました。

マークアップの記述や使い方もシンプルなので気になる方は是非チェックしてみてはいかがでしょうか。オプションもいろいろ揃っているのでカスタマイズもできますね。

Alton

ArtDesignSliderレスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」前のページ

水色のような薄い青空をPhotoshopで深みのある色に補正するやり方次のページ薄い青空を深みのある色に補正

関連記事

  1. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

  2. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  3. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  4. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  5. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

  6. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP