Essential jQuery Plugin Patterns — Smashing Magazine
Addy Osmani explores several time-saving design patterns and best practices that can be employed to improve your plugin development process. (Note: this post is targeted at intermediate to advanced developers.) I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’
jQuery プラグインを書くための資料と便利ツール - わからん
次の3つが役立っている。最近実際にいくつか読んでいるけど、複数ブラウザ対応していたり、完成度の高いものばかりというわけではないんだなと知った。そのことにネガティブな印象はなくて、そのまま使えるものじゃなくても、公開して頂けるだけありがたいといった気分。どうせなら GitHub に置いてくれれば、気軽に修正の報告ができるしいいなとは思った。 http://docs.jquery.com/Plugins/Authoring 公式サイトの Plugins/Authoring というセクションに丁寧な解説がある。 http://stefangabos.ro/jquery/jquery-plugin-boilerplate-revisited/ テンプレ。コメント付きのほうを一度読み下すだけでも、ためになった。わざわざこのネタのための RSS フィード もあった。 http://jquery.cod
スクロールするまで画像を読み込まない（はずの）Lazy Loadについて :: 5509
Webパフォーマンスを考える上で重要なことのひとつにHTTPリクエストを減らすというのがありますが・・・ HTTPリクエストを減らすために、画像の遅延読み込みをすると噂のLazy Loadっていうプラグインがあって、結構色んなサイトで使われているのを見るので、一言言っとくか的な感じで書こうとしたらいつからかプラグインページに以下の注意書きが追加されてた。 Lazy Load is currently not usable. It does not work with the latest browsers as expected. I have currently no time updating the code myself. Patches are always welcome. If you find a solution just fork and send a pull req
Templates – jQuery API
These documentation topics concern the jQuery Templates plugin (jquery-tmpl), which can be downloaded from: http://github.com/jquery/jquery-tmpl. A template contains markup with binding expressions. The template is applied to data objects or arrays, and rendered into the HTML DOM. jQuery.tmpl()Render the specified HTML content as a template, using the specified data. jQuery.tmplItem()Return the tm
bassistance.de » jQuery plugins
This page lists jQuery plugins I’ve written. jQuery is a JavaScript library that makes writing JavaScript easy and fun. Like jQuery itself, all plugins are open-source, dual-licensed under MIT and GPL. Feel free to choose whichever license you prefer and use them whereever you’d like. Plugins are developed and enhanced on a request basis. If you feel that something is missing or not working as exp
テキストボックスの残り入力文字数をシンプルに表示するjQueryプラグイン m5simpleTextCount :: 5509
テキスト入力エリアなどの残り入力文字数をシンプルに表示するjQueryプラグインです。使い方も簡単で、指定要素に入力文字数と一緒に実行するだけです。 動作サンプル 必要なファイルを読み込む jQueryとm5simpleTextCount.jsを読み込みます。 任意の要素に対して実行する 任意のinput, textareaに対して実行します。 HTML JS jQuery(function($) { $('.simpleTextCount').simpleTextCount({ maxLength: 12 }); }); ちなみにm5simpleTextCountを実行したinput要素はpaddingRight、textarea要素はpaddingRight, paddingBottomに適当な数値を当てたほうがいいと思いますよ！(そこは手動やねんで・・・ オプション オプションを指定
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
jamadam weblog2
ブラウザ上でテキストを選択してクリップボードにコピーし、Keynoteやoffice系ソフトにペーストしたとき、外部CSSで指定されているスタイルが適用されない。よくあるケースでは、プログラムのシンタックスハイライトを保ったままコピペしたいのにペースト先で色が再現しない。そこで、これを解決するブックマークレットを作りました。ページ内の全要素のスタイルをスクリプトで再設定することで、要素スタイルにするやつ。下記のリンクを右クリックでブクマしてね。 Freeze CSS 以下、注意。 めっちゃ重いかもしれない。 Firefoxでしか試してない。 Mojoベースのフレームワークを作りました。コンセプトはPHPの代わりです。 https://github.com/jamadam/Marquee フレームワークなんですが、その点は置いといて、付属のプラグインとそのコマンドラインインターフェースが便利
要素を画面の定位置に表示させる jQuery プラグインを書きました | tanablog
ある要素を画面下や画面右などに配置する jQuery プラグインを書きました。ページトップへ戻るボタンやウィジェットなどを固定位置に表示させたいときに使います。 tanabe's jStageAligner at master - GitHub デモページ 基本的な使い方 要素に対して .jStageAligner(position) を実行します。position には画面の四隅とそれぞれの辺の中央、画面中央の合計 9 つの場所を指定できます。 下記は、画面の右下に配置するコードです。 $("#box").jStageAligner("RIGHT_BOTTOM"); オプション また、オプションで移動までの時間やマージンを指定できます。 $("#box").jStageAligner("RIGHT_BOTTOM", {time: 500, marginRight: 100, margi
steamdev.com
We’re getting things ready Loading your experience… This won’t take long.
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
JQuery Narrative Select Plugin by gdakram
JQuery Narrative Select Plugin by gdakram From If this is , then you are . Date: To If this is , then you are . Date: Why, When Make your drop-down list look uniform cross-platform. Enables you to include a drop-down list as part of a 'narrative' form, where your user input fields look uniform. How <!-- CSS --> <style type="text/css"> @import url("/path/to/jquery.narrativeselect/jquery.narrativese
jQuery Circulate
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
14 Fresh and Useful jQuery Plugins
Tools 14 Fresh and Useful jQuery Plugins Henry JonesApril 20, 201032 Comments08.4k jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Finder-like column view from hierarchical lists with jQuery | christianyates.com
Google Code Archive - Long-term storage for Google Code Project Hosting.
thewikies.com
jQuery Grid Plugin » Support