昨日はwebRequest APIをざっくり理解する。(あるいはChrome拡張の作り方) | mzsm.meを参考に昨日はChrome拡張でWebRequestAPIを使ってRequestHeaderを弄った。 今日は、お返しに、同じく「ITmediaの画像表示にリファラをくっ付けよう」ってことで、Firefoxでのやり方を書くよ。(DN: 1をセットするのはFirefoxだとオプションで出来るからね） 実はこの程度なら同じくらいのコード量で拡張は作れる。 用意するファイルは主に2つ。 install.rdf bootstrap.js install.rdf これは、Chromeで言うところのmanifest.jsonにあたる、拡張機能のメタ情報を収めるRDF形式のXMLファイル。 <?xml version="1.0" encoding="UTF-8"?> <RDF xmlns:em=

Navigator の registerProtocolHandler() メソッドで、ウェブサイトが特定の URL スキーム（プロトコルとも呼ばれる）を開いたり処理したりする機能を登録することを可能にします。 例えば、この API はウェブメールサイトで mailto: の URL を開かせたり、 VoIP サイトで tel: の URL を開かせたりします。 プロトコルハンドラーを登録するには、ウェブサイトが registerProtocolHandler() を呼び出し、登録するプロトコルとテンプレート URL を渡します。 ユーザーが登録されたプロトコルを使用するリンクを起動すると、ブラウザーはハンドラー登録時に指定された URL テンプレートに起動したリンクの href を挿入し、現在のページを生成された URL に移動します。 ブラウザーは、プロトコルが登録されたとき、またはユ

pointer-eventsプロパティでnoneを指定すると最前面に置いた要素を無視して普通にページ操作が可能になります。なので、そういう風にしておいた要素をopacityプロパティで非表示にしておけば、普段は見えないけど特定の操作で最前面に飛び出すモーダル・ウィンドウとかも簡単に出来ます。pointer-eventsプロパティってこういう使い方するためにあるの？ Demo: Pure CSS Modal Window .window { opacity: 0; pointer-events: none; } で、見えない・操作できないウィンドウが作れるので、:target擬似クラスで表示の切替を行えばOKです。 .window:target { opacity: 1; pointer-events: auto; } 簡単！　デモのようにposition: fixed;とかしておくとよりら

navigator.registerContentHandler(mimeType, uri, title); mimeType は、関連付けたい MIME タイプを表す文字列です。 uri は、関連づける URI を表す文字列です。 title は、ユーザ向けの関連付けの名称を表す文字列です。

Firefoxで「mailto:」をクリックしたときに呼び出すプログラムの設定を変更する。「Gtalk」をインストールしていれば「Gtalk」側に一度引き渡し、そこから「GMail」を呼び出すようにすることができる。しかし、直接「GMail」を呼び出したり、ほかのWebMailを使用できるようにする。 異なるサイトからプロトコルウェブハンドラを登録できるようにする ロケーションバーに about:config と入力し Enter を押して高度な設定画面を表示 gecko.handlerService.allowRegisterFromDifferentHost を探し、ダブルクリックして true に変更 Gmailやlivedoor Mailを mailto: リンクハンドラに追加 Gmail を mailto ハンドラとして追加 livedoor Mail を mailto ハンドラ

The only tool you will need to edit icons and cursors! Purchase Now Download Now About icofx Icofx is an award winning professional icon and cursor editor for Windows. It is an all-in-one solution for icon creation, extraction and editing. It is designed to work with Windows and Macintosh icons supporting transparency. Create icons and cursors Create icons for Windows and Macintosh. Support for Wi

alter The type of change to apply. Specify "move" to move the current cursor position or "extend" to extend the current selection. direction The direction in which to adjust the current selection. You can specify "forward" or "backward" to adjust in the appropriate direction based on the language at the selection point. If you want to adjust in a specific direction, you can specify "left" or "righ

The Web Console: Logs information associated with a web page: network requests, JavaScript, CSS, security errors and warnings as well as error, warning and informational messages explicitly logged by JavaScript code running in the page context Enables you to interact with a web page by executing JavaScript expressions in the context of the page Opening the Web Console How to start using the Web Co

ドットインストール代表のライフハックブログ

http://github.com/satyr/uc (AMO) userChromeJS もどきに subscriptoverlayloader.js 相当の機能を付けた拡張。 いい加減 XUL を覚えねばと思い*1，習作として作成。 ○ 読み込み元を複数指定可能*2 若干高速 メタ情報をいちいち読まない（起動時とファイル更新時のみ） 本体が jsm 子孫ウィンドウも対象 @include/@exclude で正規表現 先頭に ~ 名前が短い × Firefox 3.5+ のみ http://bugzil.la/330458 対応がおざなり*3 *1:Ubiquity はほぼ XUL-less *2:プロファイル間でスクリプト共有したいというのが主な作成動機 *3:個人的に *.uc.xul をほとんど使わないので

南関東の「いろんなところから富士山が見える」状況に驚きつづけている 大阪から東京に引っ越して３０年以上経つが、じわじわと蓄積されてきた驚きがついに閾値を超えたので筆を執った次第である。正確には「ポメラ DM250を起動してmenuキーを押して新規作成を選んだ」のだが、ポメラを持っていなかったら、さらに驚きが蓄積されていないと…

「CSS Conditional Rules Module Level 3」にあるFeature queriesとDocument queriesの簡単な説明と覚え書きです。 Media-specific style sheets（@media）は色んなところで解説されてるのでここではやりません。 この記事を書いている時点で、「CSS Conditional Rules Module Level 3」はEditor’s Draft 7 June 2011が最新版ですので、それに従って説明したいと思います。 内容は今後アップデートされるでしょうし、これはあくまでも簡単な覚え書きですので、ぜひ原文もご参照ください。 CSS Conditional Rules Module Level 3 Feature queries: the ‘@supports’ rule@supportsルールは、ユー