タグ

libraryとjQueryに関するkistame228のブックマーク (2)

  • MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介

    Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ

    MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
  • 高速なJavaScript CSSセレクトエンジン·Sizzle MOONGIFT

    Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。 次世代版のCSSセレクタエンジン そこでもっと手軽に使えるCSSセレクタとしてSizzleを紹介しよう。jQuery開発者の方が開発している次世代版のCSSセレクタエンジンだ。 今回紹介するオープンソース・ソフトウェアはSizzle、高速&多機能なCSSセレクタエンジンだ。 SizzleではCSS3のサポート、not指定による要素の除外指定、ポジション(最初、最後、偶数、奇数など)指定など多彩な機能が実装されている。単体で用いることもでき、わずか4KBという軽量さだ(難読化+GZip圧縮した場合だが)。 Firefox3 for Mac OSXの場合

    高速なJavaScript CSSセレクトエンジン·Sizzle MOONGIFT
  • 1