[JAVASCRIPT] Making a Mosaic Slideshow With jQuery & CSS – トランジションがモザイク状のスライダー
トランジションがモザイク状に行われるスライダー。通常これ系の動きって、横にスライドするんだけど、これはボックスエリア内を複数のパーツに分けてモザイク状に切り替わります。なかなか手が込んでます。他とはちょっと違うスライドの見せ方をしたい時に使えそうです。ちなみに中身の画像ファイル自体は、特別切り刻んだりする必要はないようです。
Tag Archives: jQuery
[JAVASCRIPT] 20 Best And Highly Useful jQuery Tutorials For Designers And Beginners – デザイナーのためのjQueryまとめ
デザイナーやビギナーのためのjQueryまとめ記事。ガリガリのコーダーでなくても実装できちゃうYO！というのが趣旨のようなので、わりと導入に関しては簡単なものが紹介されてます。各リンク先ではチュートリアルも紹介されているので、JSの導入に不慣れなパイロットの方でも色々安心です。
20 Best And Highly Useful jQuery Tutorials For Designers And Beginners
[JAVASCRIPT] Fantastic Content Sliders for your Inspiration – JSを利用したコンテンツスライダーの好例
JSのメジャー化とともに目にする機会の増えたコンテンツスライダー。それらをウマくサイト内に利用したクールな作例ばかりを集めた記事。スライドさせて見せるコンテンツの内容や、周辺のデザイニングなど、スライダーを導入する場合に大いに参考になりそう。よく使われる手法なだけにネタ帳としてなかなかイイ感じ。あと紹介されているサイトがかっちょいいの多くてホットです。
[JAVASCRIPT] 35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects – jQueryを使ったスライドショー、グラフ表現、テキストエフェクト
jQueryを使ったスライドショー、グラフ表現、テキストエフェクトのプラグインを集めた記事。それぞれカテゴリ分けされていて、スライドショーはいわゆるフォトギャラリーものが、グラフではデータをグラフ化するプラグインが、テキストエフェクトではレイアウトやsIFR関連のものが紹介されてます。JSを使ってちょっと凝った表現をしたい時にナイスな記事。
35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects
[WEB DESIGN] 5 Fantastic Free Tools to Showcase Your Portfolio – フォトギャラリーサイトを制作する時に便利なツール
フォトポートフォリオサイトを制作する際に役立ちそうな、JavascriptやFlashが紹介された記事。件数こそそれほど多くないけど、フォトギャラリーを設置する際に参考になりそうです。Javascript全盛の今、Flashでこれ系のものを作る機会ってあまりなさそうですが、コピーや2次利用を抑制したい場合などにはいいですね。
[JAVASCRIPT] 13 Useful JavaScript Solutions for Charts and Graphs – JSを使って描画するグラフ
Javascriptを使ってウェブブラウザ上でグラフを描画するツールが13例集められた記事。JSライブラリにはjQueryやMootoolsなどが使われています。棒グラフや円グラフ、分布グラフまで色々あります。中には3Dで描画するものもあります。こうしたJSグラフは画像とは違いデータを汎用的に使う事ができるので、サイト内でグラフ表示が必要な際の生産性を高められますね。
[JAVASCRIPT] jQuery MagicLine Navigation – jQueryを使った動くナビゲーション装飾
jQueryを使って行う、動きによるナビゲーション装飾。メニューにオンマウスする事で、ラインや背景色が動くというもの。デモページはこちら。しっかりと仕様を読んだわけではないですが、ラインについてはCSSで描画している感じ。画像ではないため汎用性も高そうです。実装も難しくなさそうなので、ちょっとした装飾にイイですね。
[JAVASCRIPT] 45 jQuery Navigation Plugins and Tutorials – jQueryを使ったナビゲーション装飾のチュートリアルまとめ
jQueryを使ったナビゲーションの装飾や、機能追加に関するチュートリアルがまとめられた記事。作例（デモ）と、その実装方法や概念について解説されてます。この記事なかなか素晴らしい。ドロップダウン、フェードイン＆アウト、アコーディオン、Tips表示、ページ遷移なしのタブ切り替え、マックOSX風のドック表現など、jQueryの機能を使った様々な表現が多く紹介されてます。ちょっと変わったナビゲーションを制作したい時にイイですね。