biscot.to
authorjQuery, Sizzle, querySelectorAll, XPathの速度検証 単に要素を取得したいだけの場合、いったいどれが一番速いのか。 function bench (func) { var start = (new Date()).getTime(); for (var i = 0; i < 1000000; i++) { func(); } var end = (new Date()).getTime(); console.log((end - start) + 'ms'); } ベンチコードは右記のようなもの つまるところ、100万回取得する。 それを5回試行して、平均値を取ったものをスコアとする。 ID $('#id') jQuery 2s Sizzle('#id') Sizzle 2.4s document.querySelectorAll('#par
メソッドチェーンを途切ることなく HTML タグを組み立てる jQuery Tag プラグイン - DOM Manipulation - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
jQuery Tag プラグインは jQuery のメソッドチェーンを途切ることなく、HTML タグを組み立てるためのプラグインです。HTML タグの生成と追加をスタックで操作することで、メソッドチェーンを崩さずに HTML タグを組み立て続けることができます。 スタックの操作は jQuery 自体が持つスタックの仕組みを利用しています。jQuery は pushStack メソッドで現在のインスタンスをスタックに積み、end メソッドで直前のインスタンスに戻すことができます。 この特性を利用して、tag メソッドで HTML タグを生成して pushStack メソッドでスタックに積みます。gat メソッドで end メソッドでスタックから戻し、HTML タグを追加します。gat メソッドの名前は tag メソッドを逆に読んだものです。戻すや反対という意味を込めています。 また $.ta
jQueryの.bind(), .live(), .delegate()の違い
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。 内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('clic
スマートフォン用に作ってるらしいJSライブラリを見て思う事 - yaakaito::Blog
iPhone, JavaScript, Webこんにちは！今日も主観で書くよ！総じて個人的な感覚なのであまりお気になさらないでくださいね。最近は仕事でスマートフォン対応だと、個人でもスマートフォン対応だとかで大変な人も多くなってきましたね！最近はjQueryMoblieだとかスマートフォン用っぽいライブラリも出てきて幸せな気分になってる人も多いと思います。けど、これって本当に素晴らしい物なのか？と聞かれたら僕は良いものとは答えられないですねー。なんでかですか？えっとねぇ変なアニメーションとかいらないから最近よくみるライブラリに多いですけど、なんかググっと動いて遷移するページだとか、ページめくりみたいなのができてカコイイ！なのが多いですよね。けど、アニメーションはデザインじゃないですよね！この前Appleの公式(PC)がちょっとリニューアルされたけど本当にアニメーションだらけでうざいですね。
CSS3 Transition のための CoffeeScript / JavaScript
CSS3 Transition がほぼモダンブラウザで使えるようになってきた 昨年 CSS3 の仕様にアニメーションプロパティが加わって，一時的な熱狂があったわけだけど，それから一年してどのブラウザにも一応の CSS Animation / Transition が出来るようになってきた．しかし，W3C の仕様のとおり transition: <property> <duration> <timing-function> <deley> を指定して動くわけでなく，-moz- なり -webkit- なりのプレフィックスがまだ必要な現状だったりする．ん? ああ，IE お前は座ってろ CSS プロパティを結局 jQuery で差し込む方向で 最近，やっと自分のサイトを開発しようと思って，Sinatra + mongoDB で，View を Haml Sass CoffeeScript + jQ
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。 デバッグ支援機能について追記しました。 特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド 不明 本来の用途 WebOS / WebApp DOMの操作とサイトの装飾 使われ方 導入実績なし 小〜中規模サイト / ポータルサイト等 想定されるコアユーザ層 エンジニア デザイナー / コーダー / エンジニア 名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約 uu また
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
iFingerScrollをtranslate3dで再実装しました - collisions.doppac.cc
■iFingerScrollを公開したあと、GmailのiPadビューのペインスクロールが自分のに比べて相当サクサクなのに気付き、どうやってんだろと思ってPCからiPadのUAを送ってソースをちょっと見てみたところ、” -webkit-transform: translate3d “をつかってdivをスクロールさせてるらしいことがわかりました。 ということでiFingerScrollもCSS Transitionでabsoluteの座標を動かすのではなく、translate3dの指定をjavaScript側の制御で動かすように再実装したところ、いい感じになりました。translate系の指定はもともとtransitionやanimation目的でGPUサポートありで実装されてるので、CSS Transition/Animationとして使わなくても速いのかもしれません（憶測）。レガシーCS
iPad風の複数ペインタッチスクロールをつくるjQuery.iFingerScroll - collisions.doppac.cc
■先週末会社でiPadで毎日使うWebサービスを想定した1Dayプロトタイピングというのをしていて（そのうちまとめられますがとりあえずYoutubeの動画で様子が見られます）、iPadWebアプリのブラウザモックをつくったのですが、そのとき困ったのが、iPadアプリで見られる左サイドのペインに一覧、右サイドのメインペインに詳細を表示するようなスクローラブルな複数ペインUIをふつうにつくる方法がmobileSafariに用意されてないことでした。そもそもmobileSafariにはスクロールバーがないんですよね。 ブラウザでiPhone風のグラブスクロールを実現するjQueryプラグイン「overscroll」というのを見つけて入れてみたんですがこれでもだめで。調べたところmobileSafariには（スクロールバーがないためか）そもそもscrollTop/Leftプロパティそのものがなかっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...