『jQuery 最高の教科書』サンプルサイト
Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きの スライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化する スティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡
jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他
jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 （※ページをそのまま訳したわけではないと、思います） jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ： 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A
Meow: A Growl Work-Alike for jQuery
jQuery Meow mimics Growl notifications. It can be called within and jQuery bind event and passed various sources for message input, making it ideal for form validation, Rails flash notices, or a replacement for the alert() box. It's under active development right now and is lacking a bunch of features that are soon to come, including, callbacks. If you've got something to add, please fork the proj
イベントオブジェクト - jQuery API 1.4.4 日本語リファレンス - StackTrace
解説 jQueryのイベントシステムは W3Cの規格に基づいて実装されています。 イベントオブジェクトは、イベントハンドラの引数として渡されます。 イベント発生時には、イベントの種別や環境によって、さまざまな名称や状態でイベントオブジェクトが渡されます。 jQuery はこの違いを吸収し、イベントオブジェクトに対する統一されたインターフェースを提供します。 また、ネイティブイベントのほとんどのプロパティはマージされますので、それを使用することもできます。 jQuery のイベントオブジェクトを生成し、使用する例は、jQuery.Event(src) を参照してください。 イベントオブジェクトが持つプロパティとメソッドは次の通りです。 プロパティ currentTarget ： イベントのバブリングフェーズにおける現在のDOM要素 data ： バインド時に渡されたデータ pageX ： イ
jQuery親要素、子要素、兄弟要素取得のまとめ
※各メソッドにかいてある[条件]ってのは、タグ名やid、クラス名を指定するってことです。 条件を入れると、条件にあったものだけが取得されるようになります。 例：$(elem).parent("div.class-name, #id"); 通常のJavaScriptでの要素取得方法は→[JavaScript] 親要素・子要素・兄弟要素の取得方法 ■親要素の取得 □parent([条件]) 親要素の取得。 すぐ上の親要素のみ。さらに上の先祖要素にはさかのぼらない。 $(elem).parent("div"); 親要素がdivだったら親要素が取得できる。divじゃなければ空。 □parents([条件]) parent()と違い親より上の先祖要素までさかのぼる。 $(elem).parents(".class-name"); class-nameというクラス名がついた先祖要素のみ取得 □clos
jquery.balloon.js Demo page
jquery.balloon.js Demos A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images Getting started (1) Download and load this plugin javascript file after jQuery. <script type="text/javascript" src="js/jquery.balloon.js"></script> (2) Call $().balloon(options) in document ready event of jQuery. $(function() { $('selectors').balloon(options); }); Distinct
jQuery PowerTip
PowerTip is a jQuery tooltip plugin with a smooth user experience that features a very flexible design which is easy to customize, gives you a variety of different ways to create tooltips, supports adding complex data to tooltips, and has a robust API for developers seeking greater integration with their web applications. Download v1.3.2 Zip file with examples, CSS, and script. For older versions,
NameBright - Coming Soon
voronianski.com is coming soon This domain is managed at
jQueryでモーダルダイアログを実現するAvgrund Modal - 小さい頃はエラ呼吸
はじめに jQueryでオシャレなモーダルダイアログを実現したいと思った人には、「Avgrund Modal」というプラグインがオススメです。 Avgrund Modalを使うと簡単にインパクトのあるモーダルダイアログを実装することができます。 jQueryデザインブック 仕事で絶対に使うプロのテクニックposted with amazlet at 12.12.02 MdN 売り上げランキング: 81964 Amazon.co.jp で詳細を見る デモ 以下のサイトへ行き「SHOW IT」のリンクをクリックしてみてください。 jQuery plugin for Avgrund concept popin Avgrund Modalの入手 jQueryのプラグインであるAvgrund Modalは上記のサイト「DOWNLOAD SOURCE」のリンクから入手できます。 Avgrund Mod
jquery.cookieでjsオブジェクトをJSONで保管するメモ - すたら日記
要望 フォームの入力情報をクッキーに保存したい。 1つのクッキーに複数の項目の情報をまとめて保存したい。 解決策jQueryプラグインの"jquery.cookie"を使うことで全て解決しました。 外部: https://github.com/carhartl/jquery-cookie デモ: https://codepen.io/sutara79/pen/GBdKQX 解説自動JSON化のオプションを有効にすれば、JavaScript側では連想配列として、クッキー側ではJSON形式の文字列として扱えるように自動で変換してくれます。 // 自動JSON化を有効に $.cookie.json = true; // 連想配列をJSONで保存 var hash1 = { ... } $.cookie('cookie1', hash1); // JSONを連想配列に復元 var hash2 =
cookieを簡単に取り扱う「jQuery Cookie」
cookieを簡単に取り扱う「jQuery Cookie」 Check Tweet 配布元：carhartl/jquery-cookie ライセンス：MITライセンス 「jQuery Cookie」はJavaScriptで取り扱いがめんどくさいcookieについて簡単に取り扱えるようにするためのjQueryプラグインです。 利用方法 まずは、jQuery本体と配布元よりダウンロードしたjquery.cookie.jsをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> cookieに値を保存するには、次のように$.cookieに対してキーと保存する値を指定して保存します
jQuery cookieを使ってページの表示履歴を保持する | Bamboo lath 日々の記録
ページの表示履歴簡易的に取りたいということなのでjQueryを使ってどうやるのか調べてみた。 こちらを参考にしました。 jQueryを使ってクッキーを操作 jquery.cookie.jsを使うらしいのでこちらからダウンロード 自作した外部ファイル $(function(){ var COOKIE_NAME = 'test_cookie_name'; var COOKIE_PATH = '/'; var page_array = []; if($.cookie(COOKIE_NAME)){ page_array = $.cookie(COOKIE_NAME).split("-"); } // 現在開いているページのファイル名を取得 var file_url = location.href; file_url = file_url.substring(file_url.lastIndexOf
jQuery history plugin
THIS PLUGIN IS NO LONGER MAINTAINED! (2012-02-25) Please use other plugins like jQuery hashchange. About jQuery history jQuery history plugin helps you to support back/forward buttons and bookmarks in your javascript applications. You can store the application state into URL hash and restore the state from it. Download jquery.history.js Supported browsers Internet Explorer 6, 7, and 8+ Safari 4 an
ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」:phpspot開発日誌
history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて
jQuery で非同期通信中にローディング画像を表示する方法 | jQuery | 阿部辰也のブログ――人生はひまつぶし。
jQuery で Ajax な非同期通信中に「Now Loading」的な GIFアニメ画像を表示する方法の解説です。 超小ネタですが。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick="ChangeMessage();"> </form> この時、function ChangeM
WordPressのTwenty ElevenテーマでPinterest風サイトに変更する | solo.design
WordPressのTwenty ElevenテーマでPinterest風サイトに変更する WordPressのTwenty ElevenテーマでPinterest風サイトに変更するには、jQueryのMasonryプラグインとInfinite scrollプラグインを組み合わせることによって実現できます。実際に試してみたところInfinite scrollはWordPressのプラグインでありますがMasonryと組み合わせると上手く動作しないのでjQueryのプラグインで組み合わせることにしました。 Twenty Elevenテーマの変更 まずMasonryプラグインのjsファイルjquery.masonry.min.jsとInfinite scrollプラグインのjsファイルjquery.infinitescroll.min.jsをテーマ内のjsフォルダの中にコピーします。アニメーシ
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Masonry ブラウザの幅に応じてカラムレイアウトをある程度調節してくれるので、レスポンシブデザインウェブ制作にも使えそうです（これだけでは厳しいですが）。 このエントリーは「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」の便乗記事です。 2012/10/20追記 jQuery MasonryをレスポンシブWebデザイン制作で使うためのノウハウをまとめた「レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント」も是非ご覧ください。 １．サンプル 配布サイトのトップページでも確認できますが、より簡単なサンプルを作ってみましたのでお試しください。 サンプル ２．jQuery Ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Notify Preview - CodeCanyon
GitHub - carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
http://www.favorite-labo.org/view/306?continue=1