01：動画関連 02：画像ギャラリー関連 03：画像拡大関連 04：画像配置・キャプション関連 05：背景画像関連 06：コンテンツスライダー・カルーセル関連 07：タブ関連 08：ナビゲーション関連 09：レイアウト関連 10：パネル・ボックス関連 11：ツールチップ…

独学でjQueryをはじめて、1か月そこそこで ベーシックなアニメーションを実装できるようになりました。 ■ポイント1 jQuery初心者用の本を買う ひょんなことで出会ったこの本により、jQuery学習のスピードが一気に上がりました。 Web制作の現場で使う jQuery…

さまざまなHTMLのエレメントのホバー時にカード状のインフォメーションをアニメーションで表示するjQueryのプラグインを紹介します。 ただのツールチップとは違い、カードのインフォメーションに更にカードを表示したり、Facebook, Twitterと連携したり、コ…

jQueryでページ送りのインタフェースが簡単に作れる「jqPagination」。 次のようなインタフェースのページ送りのインタフェースを簡単に実現できます。 クリック時にコールバックを指定して何ページ目がリクエストされたかを知ることが出来るので、指定ペー…

jQueryは人気の高いフレームワークで、軽量高速という特徴がある。いくつかの著名ベンダからCDN経由で提供されており、実質的なダウンロードも高速という状況にある。しかし、最近のjQueryはちょっとサイズが大きくなりすぎたのではないか、そう感じている開…

■ｊQueryって何からjQueryの基本まで――jQueryの基本（お題編）｜g... gihyo.jp HTMLの要素を取得する / 取得したものに対して操作する / イベントについて ■jQueryの使い方から動作デモまで――jQuery事始め・コピペに頼らず、基礎... kachibito.net jQueryを…

ラフの作成 HTMLマークアップ デザイン（テーマ）のカスタマイズ WordPressテーマ作成 Tipsなど

長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分けが完了しますページングするコードは次のように書けば…

先日Yokohama.jsでちょろっとお話しして来ました。その内容を再構築して掲載します。クリックするたびに色が変わる、というものにしましょう。色は引数で渡します。

jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released （リリース記事） Version 1.7 – jQuery API （公式ドキュメント、1.7で変更があったもののみ） 1.7 all tickets – jQuery Core – Bug Tracker （1…

紙媒体でよく見かける、見出しの両端に水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。【――――北海道を隅まで歩く―――― こんな感じにする方法】

jQueryでテーブルに行を追加する方法: 小粋空間 jQueryでテーブル（table要素）に行を追加する方法を紹介します。テーブル操作は、テーブル系のjQueryプラグインで色々なことが実現できると思いますが、業務で使っているツールでこの機能がピンポイントで必…

パネルのスライド、コンテンツ・画像スライダー、ナビゲーション、アコーディオン、スピナー、棒グラフなど、アニメーションを伴ったさまざまなコンテンツを簡単に実装できるスクリプトを紹介します。 jQueryなど他のスクリプトに依存せず、単独で動作します…

単体で使ってもいいし、それを使って更に面白いものを作りだすのにも役立つjQueryの定番系プラグインを紹介します。いつもリリースされたばかりのプラグインを紹介しているので、たまには定番系で汎用的なものを。

jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 便利で広告も無く、見やすく、コードテストに最適なjsfiddleの基本的…

jQueryとは [Javascript] All About 【基礎からやり直しだ。まずはここからはじめよう】7

機能がたくさんあり、殆どそのまま表計算ソフトウェアとして使えるレベルです。カラムに行を追加/削除したり、画像を埋め込んだりと本格的です。さらにシートも複数に対応しているので色々なニーズに対応できるでしょう。 0 まだコメントはありません コメン…

WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法: 小粋空間 WordPressとjQuery Tabs UIを使ったタブページを、FacebookページのIFrameタブに表示するものと仮定します。 上の場合は期待通りの表示になっていますが、場合によっては次…

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめて…

WordPressでGoogle Libraries APIを自動的に読み込む「Use Google Librariesプラグイン」: 小粋空間 jQueryなどの外部ライブラリを読み込むには、wp_deregister_script()とwp_register_script()を組み合わせることで実現できます。

HTML5でコーディングしたページでjQueryを使うときに気をつけること :: 5509

どうやるのか分からなくて調べたことをまとめてみました

jQueryじゃなくてもいいんじゃ無いか、っていう記事です。短くて使いやすいスニペットなんですが、まぁ用途 は人それぞれだと思うので適当に

[JS]jQueryのプラグイン33+1選 -2011年7月 | コリス ◆まとめ・紹介ページ。具体的な使い方はそれぞれのサイトにアクセスしなければならないし、自分で考えなければならない。

jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できる◆まだjQueryをマスターしていないのに。

テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグイン