[B! JavaScript][dom][css] june29のブックマーク

june29 id:june29

JavaScriptとdomとcssに関するjune29のブックマーク (3)

高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies
最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。そんな悩みを解決してくれるのが、本日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。以下でこれらのライブラリの使い方や動作速度等の検証結果を掲
june29 2008/12/22
Sizzle と Peppy。該当する要素を配列で返す CSS セレクタエンジン。速度の比較など。

javascript

library

css

dom

selector
リンク
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。ちなみに、 Firefox, Op
june29 2007/11/04
「var style = element.currentStyle || document.defaultView.getComputedStyle(element, '')」は覚えておこう

browser

css

dom

javascript
リンク
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
june29 2006/12/15
FirebugでのWeb開発には欠かせないエクステンション

browser

css

debug

development

dom

extension

firefox

html

javascript

tool
リンク
1