canvas をjQueryで使う。 | tnomuraのブログ
ブラウザ上でお絵描きのできる canvas 要素をjQuery で操作してみた。 まず、jQuery をインクルードした白紙のページを Google Chrome で開き、Shift + Ctrl + J で JavaScript コンソールを表示する。別のウインドウに表示されてしまったら、左下隅の四角形のアイコンをクリックすると同じWindowに表示させることができる。 最初にキャンバス要素を作成する。 $('body').append('<canvas id="sample" width=300 height=150></canvas>'); 次に canvas の２Dコンテキストオブジェクトを作る。 c=$('canvas')[0].getContext('2d'); なぜ $('canvas')[0] なのだろうと思うかもしれないが、$('canvas') で検索できるDOM要素は
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
http://neteye.github.com/activity-indicator.html
NETEYE Activity Indicator A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following b
The jFlip plugin - jQuery.info
A flipping page gallery This plugin builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area. By the way, no flash needed! Author: Renato Formato. Documentation The plugin needs jquery 1.2.3. Tested with all jquery compatible browsers. IE needs a modified version of excan
input要素のtype属性fileを別の画像に置き換える(アップロード実装) | テラボ
input要素のtype属性fileを別の画像に置き換える2 今回は、前回のinput要素のtype属性fileを別の画像に置き換えるの続きです。置き換え画像のclickイベントにinput要素 type属性file(以下、input要素)のclickイベントを発生させ、更にinput要素のchangeイベントでjQuery.uploadを使用して即アップロードを行ったら、IE8でだけ、エラーが出たよということです。 アップロードまでやってみる 前回のページを土台にして、アップロードまでをやってみます。 jsファイル読込 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.upload.js"></script> html <fo
jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
jQuery mobile で position:fixed をどうにかする - nihimotoの日記
本日始めて知ったのですがmobile safariではCSSのposition:fixedは使えないそうです。 よって、画面の一部分にボタンを固定して置いておく、というUIが作れない。 もちろんそれでは困るので、各種対策を試みている先達たちがおります。 色々調べてみましたが、「fixedできない？なら、しないでも大丈夫なようにすればいいじゃん」ということで、iscrollというjqueryプラグインを使うのがよさそうです。 iScroll これは、本来画面をタッチして指を滑らすとウィンドウ全体がスクロールされるのですが、このイベントを乗っ取ってしまい、ウィンドウがスクロールするのではなくて特定のdiv内がスクロールされるように、差し替えてしまうjqueryです。 fixedしたいオブジェクトをスクロールされるdivの外に置いておけば、まるでfixedされているかのように画面のスクロールに関
pathにそってアニメーションできるjQueryプラグイン「jQuery.path」 | Web活メモ帳
フラッシュでもアニメーションさせる際に使える手法ですが、それをjavascriptで実現する事が可能になってます。 デモでは円の動きやジグザグな動きを実現しています。 デモ ベジェ曲線上を移動させる事ができるようですね。 こういったアニメーションがGUIで作れたらデザイナーの方はもっとjavascriptを好きになるんじゃないかぁといつも思ってしまいます。 アニメーションに興味のある方はダウンロードしてみてください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery dialog iframe loading once in IE and twice in other browsers?
BOOT_COMPLETEDが受信出来ない - Google グループ
はてなブログ | 無料ブログを作成しよう