実践しながらjQueryを学べるオンライン学習サイト・Try jQuery
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。
"jQuery"
Web制作の現場で使う jQueryデザイン入門
ドーナツ本で親しまれている一冊です。入門、とあるように、制作現場で使うスキルの入門書となります。基礎的な部分から実践向けへと導いてくれます。入り口的な書籍ですのでこれから学びたい、という方にオススメです。
jQuery Mobileパーフェクトガイド
メッセージの設定やフォームの作り方、テーマの変更など基礎的なものから、APIの使い方、デザインカスタマイズ時にいちいち調べなくてはならないカスタムデータ属性の説明が掲載されていますのでリファレンスとしても役に立ってくれます。
jQuery Mobile スマートフォンサイト デザイン入門
基本から書かれていますが半分以上は応用的な内容で、あまりWeb制作の知識が無い方向けではありません。ターゲットは実際にWeb制作の現場に立つプロの方向けです。実践で使う事を目的とした書籍なので、HTML、CSSはもちろん、多少はjQuery...
jQueryベースの軽量UIライブラリ・w2ui
jQueryベースの軽量なUIライブラリ・w2uiのご紹介。軽量な理由が、IE8以下に非対応にしている、との事なので、利用シーンはやや限られるかもしれませんが、これはこれで。
タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox
タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。
ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js
ツールチップでメニューバーを実装する為のスクリプト・Toolbar.Jsのご紹介です。Webアプリ等でたまに見かけるやつ。省スペース化できていいですね。スマフォとの相性もいいかもしれません。
Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio
Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。
ページ内スクロールのナビゲーションを実装出来るjQueryプラグイン・scrollNav.js
ページ内スクロールのナビゲーションをサイドカラムに自動で実装する、というスクリプトのご紹介。見出しまでスクロールすると、ナビゲーションの方も連動してくれます。ユーザビリティとしてはなかなか。
マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin
よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI
ベーシックなUIを実装できるjQueryベースのUIフレームワーク・ZinoUIのご紹介です。他にも便利なUIフレームワークはあるので、このフレームワークを選択する理由は無いかもですけど・・
タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit
jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。
テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link Scrapper TextBox
指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 ...
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover
CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。
input要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグイン
なかなか良さそうだったので備忘録。 input要素に入力したテキストが長く なると、位置の把握やテキストの量 が把握できません。これが地味にス トレスな事もあります。これを解決 する、というスクリプトです。
横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js
横長になったtable要素を2列にして スマフォ等でも閲覧しやすくできる、 というスクリプトです。単純な作り のtableならこれで対応できますね。 複雑なものはちょっと難しそうでは ありますが・・
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom
マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うで...
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz
簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders
iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。
HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js
HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。
マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp
ちょっと需要あるかも？と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。