node()と*の違い //node() //* をそれぞれ実行してみればわかるが、node()はテキストノードなどを含めたすべてのノードを、*はNode.ELEMENT_NODEな要素だけを選択する。この違いはパフォーマンスに影響を与えるので、意識して使い分けるのが良い。 なお、 * はattributeとnamespaceを基準点とした場合はそれぞれattributeとnamespaceを選択する(例://@* は全てのAttrを選択する)。 詳細は仕様書でXML Path Language (XPath) - 2.3 ノードテスト 省略シンタックスと非省略、そして少しの応用 // は /descendant-or-self::node()/ の省略形である。/divは/child::divの省略形で、//div[1]は//div[position()=1]を(さらに)省略した形である

自作絵、Netscape 7/Mozilla用XULアプリケーションの配布、W3C子など。

Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future. Gecko 1.9.1 added support for several Mozilla-specific DOM events used to handle mouse gestures. These are special movements that can

CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html　(日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 *　(汎用選択子) E　(型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子

Openclipart. Since 2004, Now with 178804 clipart.55 new clipart in the last 24 hours.

Firefox web browser - Faster, more secure & customizable Firefoxは現段階でリリースされているメジャーブラウザの中ではもっとも操作や情報表示用のUIに領域を使っているブラウザに分類される。ブラウザのUIはより小さくコンパクトになるのが今のデザインの流れで、より多くの領域をページのレンダリングエリアに使う方向へシフトしつつある。 Firefoxは次のメジャーリリースでUIの変更を、さらに次のメジャーリリースで大幅なUIの変更を予定している。ほかのメジャーブラウザと同様にUIをコンパクトにまとめる計画でいる。たとえばRemoving Firefox’s Status Bar and Rehousing Add-on Icons (Part 1 of 2) ≪ Boriss’ Blogでは、Firefoxのステータスバーをいかに他のU

GreasemonkeyではDOMContentLoaded時にスクリプトを実行できないので、userChrome.jsを使ってやる。 シンプルにまとめるとこんな感じで、DOMContentLoadedのイベントリスナーをつけてDOM構築時に実行できる。 var startDomContentLoaded = function(event) { var doc = event.target; // document var safeWindow = doc.defaultView; //window if(safeWindow.location.href.indexOf('判定URL') != -1) { // やりたい処理 } } gBrowser.addEventListener('DOMContentLoaded', startDomContentLoaded, false);

ここ最近ブログの更新がなくて申し訳ありません。本日もあまり大きなネタを書く時間がないのですが、 Opera が面白い Opera ウィジェットを公開したので、それをレポートしたいと思います。簡単に立体感のあるアイコンが作成できる「Icon Creator」です。 基本的には Opera ウィジェットのアイコンを作るためのものですが、生成するのは普通の PNG ファイルなので、それ以外の目的にも使えるでしょう。少ない手間で見栄えの良いアイコンが作れる便利なツールです。ぜひご活用ください。 インストール Icon Creator は Opera ウィジェットですので、利用するためには Opera が必要です（たぶん古いバージョンでは動きません）。以下のページから最新版がダウンロードできますので、インストールしておいてください。 http://www.opera.com/browser/ インス

Latest topics > CSS Transitions（CSSだけで簡単なアニメーション）の使い方・覚え方のまとめ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « Ubuntu 9.10からUbuntu 10.04にアップグレードした Main タブバーの縦置き・横置きをタブの数に応じて自動で切り替えたい（A new option to switch the position of the tab bar by the number of tabs.） » CSS Transitions（CSSだけで簡単なアニメーション）の使い方・覚え方のまとめ - May 02, 2010 いろんな人がいろんな解説を既に書いてるみたいだけど、ツリー型タ

modest に投稿した記事と同内容です。 nsIEventListenerService というXPCOMサービスを使うと、 XUL や HTML ドキュメント内のある要素に対してどんなDOMイベントリスナが追加されているかを調べることができます。以下は、 browser.xul にてFirefoxの「ホーム」ボタンに追加されたイベントリスナをエラーコンソールに列挙するサンプルです。 var els = Cc["@mozilla.org/eventlistenerservice;1"]. getService(Ci.nsIEventListenerService); var infos = els.getListenerInfoFor(document.getElementById("home-button"), {}); infos.forEach(function(info) { A

XUL Tips&Technics XULの技術情報 XUL Tutorials （邦訳）で得られる基礎知識は大変重要なことばかりですが、ちょっと突っ込んだ話になるともうチュートリアルには書かれていなかったりして、躓（つまづ）いてしまうこともあるのではないでしょうか。というか、僕は躓きまくりでした。 これは、自分が XUL をいじるなかで困ったこと・気付いたことなどについての覚え書きです。皆さんが XUL アプリや Mozilla 用の拡張機能を作る上で、何かの参考になれば幸いです。 使い方が分からないインターフェースなどは、 Mozilla のソースコードをオンラインで検索できる Mozilla Cross-Reference を使うと、 IDL （言語非依存のインターフェース定義）の形で詳細を見ることができます。 Mozilla は分かり易い開発者向けのドキュメントが不足しているので、