We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

Anyone who has done some web development over the last decade and a half has definitely heard about jQuery. This library did excellent work when it came to taking care of browser inconsistencies. You also had to write significantly less code compared to pure JavaScript in order to get something done. The large ecosystem of plugins around jQuery was also very helpful. The regular improvements in we
Thanks to everyone that attended the jQuery London and London Web Standards meetups this month. As requested, here are the slides from my talks including links to all of the jsPerf tests embedded for each section. Summary In case you missed the talk, the main takeaway from it was the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can kee
私はどちらかというとPrototype.jsライブラリをよく使ってきたのですが、最近はjQuery寄りになっていて、プラグインをいくつか作る機会が出てきました。今回は自分が参考にしたサイトなどを頼りにjQueryプラグイン作成方法をまとめてみたいと思います。 参考サイト: jQuery を扱う: 第 3 回 中級レベルの jQuery: 独自のプラグインを作成する 内容はややデベロッパー向けですが、以下のWeb技術を扱った一連のドキュメント群も非常にためになります。 技術文書一覧 プラグイン作成のマナー 別に強制力があるわけではないですが、jQueryサイドで最低限守ってほしいという規則を載せておきます。 1、ファイル名はjquery.「あなたのプラグイン名」.jsとする。 例: jquery.clickablecanvas.js 2、メソッドはjQuery.fnオブジェクトにアタッチし、
JQuery コアのスタイルガイドライン内容 1 JSLint 2 余白 3 コメント 4 Equality 5 ブロック 6 関数呼び出し 7 配列とオブジェクト 8 代入 9 型チェック 10 正規表現 11 文字列 12 ノード JSLINT jQuery コアはいくつかの条件を指定して JSLint を通しています。 jQuery に対して JSLint を実行するために、Git から jQuery をダウンロードして、 ‘make lint’ を実行することができます。 JSLint が出力する以下の警告を無視しています: “Expected an identifier and instead saw ‘undefined’ (a reserved word).” “識別子を期待していますが、’undefined’(予約語)が見つかりました” - j
【jQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
NeoAlchemy Table Pagination 長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分けが完了します ページングするコードは次のように書けばOKです テーブル自体はそのままHTMLを書いておけばいいので楽チンですね。 関連エントリ Twitter OAuth認証をポップアップで行うjQueryプラグイン リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 中身が画像のselectボックスを作るjQueryプラグイン
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.7の全チケット) リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。(これらも引き続き使用できます。) →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改
JavaScriptライブラリ「jQuery」を開発するThe jQuery Projectは11月3日、最新版「jQuery 1.7」を公開した。高速化や新機能追加が行われたリリースとなる。「.on()」と「.off()」という2つの新イベントAPIが加わり、イベント設定の性能も強化されている。 バージョン1.7は、2011年5月に公開されたバージョン1.6に続くメジャーアップデートとなる。新機能としてはイベント設定メソッド「.on()」および「.off()」の追加が挙げられる。要素にイベントやデータ、ハンドラなどを一括して割り当てるAPIで、.bind()や.unbind()、.delegate()といった既存のイベント関連メソッドで行える操作を1つのメソッドでカバーしているのが特徴。これら既存メソッドは今後も利用できるが、今後は.on()および.off()メソッドの利用を推奨するとい
コレは何か?コールバック集めてまとめて発火させたり削除したりダブって登録されたりしないようにしてくれるやつ。ちょっと便利なオブザーバーだけど、jQuery内部のコードでオブザーバー的な動きをしていたのがこれにより抽象化された風。詳しくは以下を見るべき。(この記事を書いてる時点ではjQuery1.7 beta2) 自分はこういう単純なオブザーバーをつくるとき、$({}) を作ってこいつにカスタムイベントをbindしてtriggerしてみたいなことをしてたので、同じようなことをしてた人はあーそういうやつねと思うかもしれないです。こいつが登場して便利になるのは、「より細かくコールバックを管理できるようになった」ってことかと思います。とりあえずこれいままで出来なかったよねっていうのでちょっと思いついたやつが以下。ちょっと試しただけなので雑です。
jQuery 1.7 で導入される $.Callbacks についての "Demystifying jQuery 1.7′s $.Callbacks" と題された解説記事をみつけたので紹介します。内容を少しはしょったり、補ったりした翻訳です。元記事の著者 Addy Osmani さんは jQuery チームのメンバーとのこと。本文に出てくる jQuery.Deferrd, Pub/Sub の話題を理解するのに、次の資料に目を通しておくとよいかもしれません。 jQueryのDeferredオブジェクトについて調べてみた - AOEの日記 Script Junkie | Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability Pub/Subメッセージングモデル 元記事 AddyOsmani.c
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 1.サンプル 次のようなPCサイト用のページがあります。この場合、Movable Typeでページを出力しています。ページで使っている記事内の画像サイズは幅470pxです。 このページをスマホサイト向けに別のページを作り、画像サイズを縮小して表示します。画像サイズは幅280pxに縮小しています。 2.カスタマイズ サイズを変更するには、下記のスクリプトをページ内にあるhead終了タグの直前に追加します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('img').each(functio
A jQuery plugin is simply a new method that we use to extend jQuery's prototype object. By extending the prototype object you enable all jQuery objects to inherit any methods that you add. As established, whenever you call jQuery() you're creating a new jQuery object, with all of jQuery's methods inherited. The idea of a plugin is to do something with a collection of elements. You could consider e
jQuery のプラグインの定義手法については、いろいろな記述の仕方が考えられるかと思います。今回、実際に公開されているソースを参照して、どのような定義パターンがあるのかを調べてみました。 jQuery 標準 API の定義構造のおさらい まず、jQuery が標準で提供している各種 API が、どうのような構造で定義されてるかおさらいしてみます。 $ や jQuery はグローバル変数、つまり window オブジェクトのプロパティ名であり、その実体は関数オブジェクトです。 window.$ = window.jQuery = function(){ ... } jQuery が提供する API には 関数 API と メソッド API があり、関数 API は jQuery 関数オブジェクト(以降 jQuery セレクタと記述します)が持つ、関数オブジェクトのことを指します。 jQue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く