« 見ると嬉しくなる404ページ30選(その4) | メイン | 魅力的なjQueryタグクラウドソリューション7選(その2) »

魅力的なjQueryタグクラウドソリューション7選(その1)

2011年02月25日
 

jQueryはサイトのどんな機能にも使える軽いアプリケーションフレームワークで、ウェブ開発者やウェブユーザーの負担を軽減するユニークな機能で私たちを驚かせ続けています。
用途の広いツールによって、本当に様々な機能を使う事ができます。
また、これまでに何千回と様々なタグクラウドを見てこられたかと思いますが、小さいウェブサイトで視覚的にアピールし、それでいて軽さを失わずに動作させることがどれほど難しいことなのかを考えた人はいないと思います。
タグクラウドはサイトの訪問者にウェブサイトのトピックを知ってもらうのにとても役立ちますし、あなたのウェブサイトに対する評価にも影響します。SEOに効果があるのは言うまでもありません。
今日は美しいCSSと組み合わせたjQueryがどれほどの力を発揮するのかお見せしたいと思います。
この記事ではダウンロード出来るソースコードと一緒に詳細なチュートリアルも載せています。
また、組み込むのが簡単なjQueryプラグインも合わせてご紹介します。

1.jQuery Tag Cloud
http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-powered-tag-cloud/
このチュートリアルは基本的なタグクラウドの作り方を説明しています。
見ての通り、どんなデザインにも埋め込めるとても魅力的なウィジェットを手に入れる事が出来ます。
jQuery Tag Cloud

2.3D Tag Sphere
http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-powered-tag-cloud/
目に留まる3Dのタグクラウドはあなたのデザインにダイナミクスを加えます。
マウスでタグを簡単にコントロール出来ます。
タグは振り分けられた重さによって大きさが変わり、回転したときに背景へ溶け込みます。3D Tag Sphere

3.Tagosphere
http://plugins.jquery.com/project/tagosphere
この珍しいTagosphereプラグインは簡単にカスタマイズ出来る配列やパラメーターからタグを生成します。
また、それぞれのタグに面白いホバリングエフェクトがつきます。
Tagosphere

いかがでしたでしょうか。続きは次回、ご紹介します。

引用:blog.templatemonster.com



スポンサードリンク