Firediff
Firediff is a Firebug extension that tracks changes to a pages DOM and CSS. Change Tracking Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This provides insight into the functionality of the application as well as provide a record of the changes that were required to debug and tweak the page’s display. In addition
最近はword-breakするのにJSは使わないほうがいいみたい - Webtech Walker
Twitter / tacamy: { word-wrap: break-word; } ... ということなのでJSを使わずにCSSだけでやれるみたいです。しかもこれだけ。 .word_wrap { word-wrap: break-word; } IE6、7、8、Firefox3.6、Safari4、Chrome、Opera10.52で確認しましたけどこれだけで全部いけます。ブラボー。 <div class="word_wrap">http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3</div> <div class="word_wrap">aaaa
PHP Matsuriに参加しました & 成果物を公開！ - こもろぐ @tenkoma
去る10月2, 3日に晴海グランドホテルで開催された、泊まり込みのhackathonイベント・PHP Matsuri に参加しました。 ノード » PHP Matsuri こういった開発合宿系のイベントに参加するのは初めてだったので、行く前はドキドキでしたし、開発のネタを思いついたのも前日でした。 ハックスペースでずっと開発してもよし、ずっと講演を聞いていてもよし イベント中は大きな一つの会議室のなかで、ハックスペース(テーブル+電源+無線LAN)をずっと使うことができました。講演スペースでは22時すぎまでずっと何かしらの講演がおこなわれており(タイムテーブル » PHP Matsuri)、海外からのゲストの話を聞くことも出来ました。講演の内容は大画面テレビを通じてハックスペースでも見ることができ、途中から見ることもできました。 この自由に参加できる感じがとてもよくて、あとまわりはみんなP
Mobile Barcoder – Get this Extension for 🦊 Firefox (en-US)
A Mobile Code (aka 2D barcodes, QR Codes, Data Matrix, Semacode) is a simple way of transferring text and links from print or a computer screen onto a mobile device. Mobile Barcoder fits into this process by integrating the generation process into Firefox. Simply hover over the square target icon on the status bar to generate a barcode of the current page. Right click on a link to generate a barco
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
Charset Switcher :: Add-ons for Firefox
Main Features + Add the "Character Encoding" menu to page's content area context menu. + Remember your last selected character encoding for each sites. Usage Tips It will automatically save the page's URL when you change the character encoding. Additionally, you can also add new URLs manually by right-click the "Character Encoding" from page's content area context menu. Report Bugs Please report b
Kanasan.JS Jetpackワークショップに向けたJetpack入門 - mollifier delta blog
12/06(日)に京都で Kanasan.JS Jetpackワークショップが開かれる(告知ページ)。 僕は Jetpack ちょっとさわったことがあるし、前回の Kanasan.JS ではJetpack について発表した。でもそのままほったらかしにしていて、いろいろ忘れてしまった。 せっかくの機会なので、ここで Jetpack 入門をやってみる。 Jetpack とは Jetpack とは、Firefox の簡単なアドオンを作成するためのアドオン。雰囲気としては Greasemonkey と似てる(けど違う)。 その「Jetpack 用の簡単なアドオン」のことを Feature と呼ぶ。Feature は Javascript、 特に jQuery と Jetpack API で書いていく。Firefox 内部のことは知らなくても書ける(ことを目指している)。 準備 まずはインストールか
livedoor Techブログ : アドオンした事がない人が15分間でFirefoxアドオン開発
こんにちは。ライブドアの駒井です。 つい先日、友人に誘われて半ば強制的に「Firefox Developers Conference 2009」に参加してきました。誘ってきた友人が、当日の急用で北海道に帰る事になり、何故か私1人で不慣れな場に参加してきました。当日優しくしてくれた皆さんありがとうございました。いただいたFirefoxのTシャツも大事にします。 自分の予想に反してとっても有意義な時間となりました。筆者は普段、JavaScriptを全く書きません。C++とJAVAがメインです。そんな私でも気軽に楽しめてしまうのがFirefoxアドオンでした。ということで、Firefoxアドオンを作成するための最低構成で、簡易的なアドオンを15分程度で実験的に作ってみたいと思います。 題材を模索中に自社営業部の人から次のようなアドオンがあったらありがたいと聞きました。営業訪問に際して必ず行う下記
はてなブックマーク Firefox 拡張 実装の舞台裏
はてなブックマーク Firefox 拡張 実装の舞台裏 nanto_vi, 2009-11-08 自己紹介 nanto_vi (TOYAMA Nao) Days on the Moon (ブログ), Twitter 株式会社はてな アルバイト 概略 コーディング規約 スクリプトのモジュール化 データベースと O/R マッパ サイドバーとカスタムツリービュー ブックマーク追加ダイアログと XBL FUEL のメモリリーク おすすめタグと本文抽出ライブラリ コーディング規約 変数宣言には let を使う メソッドとなる関数式には名前を付ける インデントはスペース 4 つ (はてなの慣習) function FooBar() { ... } extend(FooBar.prototype, { method: function FB_method() { let x = ... ... }, g
Array.forEach や Array.map は Firefox2〜3 や IE で利用できないケースがある - latest log
元々のタイトルは「要素数 n の密な配列を作ろうとして空回りした(JScript の Array をクロスブラウザ化)」だったんですが、ちょっと変えました。 Firefox2〜3 や IE6 〜 IE8 では、ECMAScript 5th で追加された Array.map などの便利メソッドの利用に制限があります。うっかりやっちゃうと、非常に面白くないことになります。 元々は、nanto_vi さんのつぶやきを見て、 @teramako Array.apply(null, Array(10)).map(function (e, i) i) とか。 http://twitter.com/nanto_vi/status/5014927085 そういえば以前、要素数 n の密な配列を作るのに Array.apply(null, Array(n)) が使えないかと思ったけど、JScriptでダメだ
KeySnail 1.0 の新機能「プラグインシステム」を使う - mooz deceives you
プラグインシステムとは 先日 KeySnail が 0.9 系列から 1.0.x へとバージョンアップしました。その際追加された目玉機能が、このエントリで紹介する「プラグインシステム」です。 まずは次のスクリーンショットをご覧下さい。 一見すると Firefox のアドオン管理画面のようにも見えますが、これは KeySnail のプラグインを管理する「プラグインマネージャ」のスクリーンショットとなります。 左の列に現在インストールされている KeySnail のプラグインが並び、その右には選択されているプラグインの説明が表示されます。 プラグインシステムを導入することの利点 これまでもユーザの方が書いたスクリプトをウェブからコピーし自身の初期化ファイル (.keysnail.js) に張り付けることで、 KeySnail を拡張していくことが可能となっていました。 しかし、このようなカスタ
自分でAutoPagerize対応のスクリプトを書く簡単な方法 - blooo
ちょっとアレなタイトルですが、GreasemonkeyでAutoPagerize対応のスクリプトを自作する時の注意点を２つメモ。 自分はひよっこですが、これからGreasemonkeyスクリプト書いてみようかなという人の助けに少しでもなれば嬉しいです。 継ぎ足されたページに適用する方法 AutoPagerizeで継ぎ足された部分に自分のスクリプトを適用する方法あれこれ - 0xFF を参考に、AutoPagerize_DOMNodeInsertedを使うことにする。 以前はaddFilterとかGM_AutoPagerizeLoadedとか出てくる書き方をしていたんだけれど、この方法がやはり簡単・シンプルなので採用させて頂きました。 継ぎ足されたページ「のみに」適用する方法 新しく継ぎ足されたページのみに、スクリプトの内容を適用・反映したい場合。 注意しないと、継ぎ足されたページのみに適用
AutoPagerize0.0.11 - SWDYH
変更点 バグ修正 DEBUG_MODEのときにエラーがおきる DEFAULT_STATUS = ’disable’にしたときに表示がでない スクロールしなくて済むときにロードが起きない Microformats対応 Microformatsはyoupyさんからアイデアをもらいました http://subtech.g.hatena.ne.jp/youpy/20070603/p1 AutoPagerizeに必要な情報をページ中のHTMLに埋め込んでおけば、 SITEINFOがなくてもAutoPagerが起動するようになります 埋め込みの形式は以下の通りです link要素またはa要素でrel="next" (複数あった場合は、先に現れるものが選ばれます) classでautopagerize_insert_before (複数あった場合は、先に現れるものが選ばれます) 追記 2008/05/15
10分で作るFirefoxアドオン - LukeSilvia’s diary
今回は、はじめてFirefoxのアドオンを作ったので、調べたことをメモしておきます。難しいと思っていたのですが、簡単なものなら直に作れることを知りました(*´艸｀) ※ 動作対象はFirefox <= 3.6 になります。 何を作るか ブログを書く時に使うような、「開いているページのタイトルとURLを一回の操作で、マークアップ形式でクリップボードにコピーする機能」を作成します。機能を使う方法は、「Shift+u」か、「右クリックメニューから選択」の2種類とします。 作り方 作り方を以下のステップに分けて説明します。 「copytitleurl」フォルダ作成 「install.rdf」作成 「chrome.manifest」作成 「chrome」フォルダ、「content」フォルダ作成 「copytitleurl.js」作成 「copytitleurl.xul」作成 「copytitleur
KeySnail で簡易 Twitter クライアント - mooz deceives you
注意 以下のスクリプトは KeySnail 0.9.1 以降でのみ正しく動作します。古いバージョンをお持ちの方は Add-ons for Firefox (ja) より最新版をダウンロードしてから、お試しください。 KeySnail 上で動く Twitter クライアント prompt.selector のデモもかねて、 KeySnail 上で動く Twitter クライアントを書きました。エントリの最後に載せたソースコードを .keysnail.js などの初期化ファイルへ張り付ければ使用可能となります。 機能紹介 まず、 Twitter クライアントの関数を適当なキーへと割り当てておきます。 そしてブラウズ画面でそのキーを入力すると、次のようにして Twitter のタイムラインが表示されます。 ここでそのままリターンキーを押すとつぶやき画面へと移行するのですが、 Ctrl + i キ
万博manbetx网页版在线登录|首页
万博manbetx网页版在线登录|首页 错误: 您查找的页面未找到 页面自动 跳转 等待时间： 3
ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン
こんにちは！ のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと＠テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F
多元配列を一元配列に変換 (JavaScript): Days on the Moon
なんだかよくわからないことになったのでメモしておく。きっかけはある要素ノード中のすべてのノード (テキストノードも含む) を集めようと思ったこと。childNodes では子要素の内容が取得できないし、getElementsByTagName("*") ではテキストノードが取得できない。今までの自分だったらこうしていただろう。 function getDescendants(node, previousNodes) { if (!previousNodes) previousNodes = []; var children = node.childNodes; for (var i = 0, length = children.length; i < length; i++) { var child = children[i]; previousNodes.push(child); if
任意のキーシーケンスに関数を割り当てる拡張機能 KeySnail を(プレ)リリースしました - mooz deceives you
お知らせ ver 0.3.2 には日本語環境以外で使うと初期化ファイルが作成できないバグがありました。修正版は 0.3.3 となります。 後のバージョンで追加された機能などは、 KeySnail 0.3.7 をリリースしました - mooz deceives you KeySnail 0.4.1 リリース & 説明ページ作成 - mooz deceives you KeySnail 0.5.2 をリリースしました - mooz deceives you などを参照して下さい。 ダウンロード 以下の URL からダウンロードすることが可能です。 Add-ons for Firefox (ja) プロジェクトのサイトは、現在の所 github の wiki を利用しています。 no title 説明 KeySnail は Mozilla Firefox に bindkey 機能を提供する拡張機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using files from web applications - Web APIs | MDN
