スポンサーサイト

  • --/--/--
  • このエントリーをはてなブックマークに追加

スポンサーリンク

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQueryでweb制作をする時にキープしておきたい30リストまとめ

  • 2008/03/04
  • このエントリーをはてなブックマークに追加

スポンサーリンク

jQuery

jQueryの情報がたまってきたのでまとめておきたいと思います。
IT/Web業界に強い転職サイトGreen

jQuery公式サイト


まずはjQueryJavaScriptライブラリの入手。
download


jQueryの簡単な説明
Re:zapa氏 今更ですが、jQueryにはまりました


ドキュメントとリファレンス


公式ドキュメントサイト(英語)

jQuery 1.2 ドキュメント日本語訳

jQuery リファレンス
色々とデモがついているのでわかりやすい。

jQuery入門 (ver 1.2.1)
jQueryの入門サイト。
こちらもサンプルデモが多く有り、わかりやすいです。

jQuery 開発者向けメモ - 基本・サンプル
サンプルがたくさん有ります。すこし高度。


中級編


jQueryのパフォーマンス最適化に関するTips
軽量jQueryをもっと高パフォーマンスにする為のヒント。


[JS]jQuery 1.2リリース&変更点など
jQueryを1.2以前から使っているユーザー向けのエントリ。


HTML/JavaScriptをインクルード表示させる方法
JQueryでHTMLとJavaScriptをインクルードさせる方法が記載されています。


プラグイン


インクリメント検索

インクリメント検索
検索ボックスの要素から、フィールドを動的に変更する。



ThickBox

ThickBox
画像以外にも、HTMLの呼び出しが可能なボックスタイプの演出プラグイン。
サンプルデモ



Facebox 1.1

Facebox 1.1
上で紹介したボックスのちょっと丸みのある感じ。



jQuery BlockUI Plugin

jQuery BlockUI Plugin
薄い透明なレイヤーで、特定箇所を操作不能にしたりするプラグイン。
サンプルデモ



ドラッグ

EasyDrag jQuery Plugin by fromvega.com
ドラッグを簡単に実装するプラグイン。



Minimalistic Drag'n'Resize for jQuery

jqDnR :: Minimalistic Drag'n'Resize for jQuery
D&Dの動作では非常に優秀。



Flot

jQueryベースの滑らかなグラフ描画ライブラリ「Flot」
非常に滑らかなグラフを作成するライブラリ。



Coda-Slider 1.1

Coda-Slider 1.1
ボックス内を左右に移動しながらページ切り替えするプラグイン。



Lazy Load Disabled

Lazy Load Disabled
画像を最初塗りつぶしのみ表示して、読み込みを一番最後にするプラグイン。



InnerFade with jquery

InnerFade with jquery
テキストや画像がフェードイン、フェードアウトを繰り返して切り替わり、リンク要素も同時に変わるようにするプラグイン。



jQuery

透過pngをIE6で使う方法いろいろとjQueryプラグイン - Emotional Web
その名の通りです。



TextAreaResizer

TextArea Resizer | jQuery Plugins
テキストフィールドの長さをリサイズできるようにするプラグイン。
サンプルデモ



コリス

[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
コリスさん作のjQueryプラグイン。



jCarousel - Riding carousels with jQuery

jCarousel - Riding carousels with jQuery
スライドショーのように見せるショートボックスを作成するプラグイン。
サンプル 1 / 2 / 3
※3は、上で紹介した『ThickBox』とあわせて作られています。



jQuery

長い URL を折り返して表示する jQuery プラグイン
主にfirefoxブラウザ向け処理との事。



テーブルソート

jQuery plugin: Tablesorter 2.0
テーブルを動的にソートするプラグイン。



JQueryサンプル

ランダム画像で様々なシャッフル演出効果のあるプラグイン
画像に様々な効果を持たせるプラグイン。


上級者編


jQueryチュートリアル

jQueryチュートリアル
jQueryを使っていろんなものを作る為のチュートリアルです。(英語)



jQuery UI

jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
jQuery UIプラグインを使ったドラッグ&ドロップのチュートリアル。(日本語)



jQuery のプラグインを作成する : ブログの新着記事を表示:Goodpic
jQueryプラグインの作成日誌。


こんな感じでしょうか。
それでは。また。

このエントリを見た方は以下のエントリも購読されています。
2007年度web制作者の為のまとめ再構築30選
はてなユーザーの評価



スポンサーリンク

トップへ戻る

Twitter版のネタ帳では毎週月曜~金曜までWeb屋さんに役立つ色んな情報や単なるネタまでをつぶやいています。

関連するエントリー

コメント

この記事にコメントする人はクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする人はクリック

アーカイブページにソート機能追加

タイトル通り。 アーカイブページにソート機能を追加した。 vin.spell|アーカイブ http://art-studio-vincent.jp/vin.spell/archives.php 時系列降順(投稿日時の若い順)でリストアップ...

vin.spell:2009-02-04 01:12

アーカイブページにソート機能追加

タイトル通り。 アーカイブページにソート機能を追加した。 vin.spell|アーカイブ http://spell.vincent.in/archives.php 時系列降順(投稿日時の若い順)でリストアップ...

vin.spell:2009-07-26 02:50

FC2Ad

広告


IT・Web業界の求人なら転職サイトgreen(グリーン) ホームページテンプレート、WordPressテーマ、Facebookページテンプレートならクラウドテンプレート ネットマーケティングとは│ネットマーケティング検定 SEOコンサルティング&SEO対策 無料レスポンシブWebデザインテンプレート 広告主募集

あわせて読みたい
フィードメーター - ホームページを作る人のネタ帳

人気の記事一覧

あなたのブログの再訪問者を増やす50の方法

私の経験から感じた事を書き記します。全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。

http://e0166.blog89.fc2.com/blog-entry-824.html

あなたの生活を確実に拘束し時間を浪費させる動画50

今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが1ヶ月以上前。動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。

http://e0166.blog89.fc2.com/blog-entry-820.html

webデザインのセンスを磨く○○系のwebデザインまとめ

webデザインを学ぶならwebデザインから。と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。

http://e0166.blog89.fc2.com/blog-entry-817.html

jQueryプラグインのベストトレンド総まとめ2010

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。

http://e0166.blog89.fc2.com/blog-entry-816.html

ツイッターの日常における35の行動パターン

私が良く見かける35の行動パターンに名前をつけてみようと思う。年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。

http://e0166.blog89.fc2.com/blog-entry-823.html

ウェブデザイナーのためのウェブアプリ15

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。

http://e0166.blog89.fc2.com/blog-entry-784.html

愛用するGoogleChromeエクステンション12個

この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。

http://e0166.blog89.fc2.com/blog-entry-784.html

文章や会話のプレゼンテーションを向上させる方法

文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。

http://e0166.blog89.fc2.com/blog-entry-802.html

サイトの裏側の意識を変え売り上げをアップする方法

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。はたして、webサイト運営がどのように変わったのでしょうか。。

http://e0166.blog89.fc2.com/blog-entry-749.html

webサイトのリピーターを増やすさりげない5つのコツ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。

http://e0166.blog89.fc2.com/blog-entry-746.html
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。