2009年11月11日のブックマーク (3件)

  • jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - WEB人

    jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 公開:2009年11月 4日 21:06, 更新:2009年11月 5日 08:01 トラックバック(0)  コメント(0)   最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇的にユーザビリティが向上します。 必要ファイルの準備 まずはjQueryのライブラリファイルを用意します。jQuery公式サイトに「Production (19KB, Minified and Gzi

  • Coda-Slider 1.1#5

    3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s get starte

    Coda-Slider 1.1#5
  • iTunes Store風インターフェイスを実装するJS Coda-Slider | A Day in the Life

    September 29, 2008 iTunes StoreのNew ReleaseWhat's Hotなどの部分で使われているインターフェイスは省スペースで多くの情報を提供出来るクールで優れたインターフェイスですよね。色々なJavaScriptライブラリが公開されていますが、その中でもjQueryを使ったライブラリであるCoda-Sliderを紹介します。 必要なライブラリは計4つ。Ver1.2以上のjQuery、jQuery easing plugin、jQuery easing compatability plugin、そしてCoda-Sliderです。 まずはデモを作りましたのでご覧ください View Demo ページを切り替える左右の矢印とセンター上部のタブはCoda-Slider.jsで生成されます。JavaScriptが無効になっている場合はslide.cssの.cswで定