General General hints and tips that don't fall in to any category.
Secrets of the Browser Developer Tools
General General hints and tips that don't fall in to any category.
FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」:phpspot開発日誌
FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」 2009年05月25日- Firefinder for Firebug :: Firefox Add-ons FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」。 Firebugの拡張として動作し、インストールすると Firefinder タブが表示されます。 まずは css セレクタによって探してみます。 div.content で検索すると、<div class="content">がマッチします。 divだけで検索するとすべてのdivを探すことが可能です。 XPathｄｅ検索してみたところ、同じように検索が可能 マッチしたエレメントは赤色でハイライト表示されます Firebug標準の検索機能は、1個1個検索して
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった！という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」:phpspot開発日誌
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
SCRAPBLOG » Blog Archive » [userChrome.js] 軽量マウスジェスチャ
マウスジェスチャ機能は欲しいけど、All-in-One Gestures や Optimoz Mouse Gestures は余計な機能が多すぎる。AiOGから不要な機能を取っ払ってスリム化させようと試みたが、ソースコードが複雑すぎてやる気が失せた。そこで自分で一から考えて作ってみた結果、200行にも満たない userChrome.js 用スクリプトとして実装することができた。 xuldev.org :: userChrome.js scripts » Mouse Gestures 特徴 マウストレイル（軌跡の描画）は重くなる原因なのであきらめた。とはいえ AiOG から trails.js を借りてきて一工夫すれば実装可能です。 ジェスチャによって実行される処理は、極力ブラウザ本体に実装されたコマンドを呼び出すようにしている。 設定用GUIは無いが、スクリプトを直接編集することで無駄なく
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
Firebug :: Firefox Add-ons
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 172,244 weekly downloads 8,436,061 total downloads M
ページで使われている色をDel.icio.usにポストするブックマークレット(Firefox専用) - 実用
JavaScript ※2006/5/23 22:50 外部スクリプトの設置先に問題があり動作が不安定だったため、変更いたしました。 koyachiの日記 - del.icio.usで色カタログを作るcaramel*vanilla » del.icio.usをカラースキーム･ギャラリーにする’hceT’.sub(/￥Z/,’bus’).reverse - del.icio.us - tag/ColorScheme ページ内で利用している色を抽出し、Del.icio.usにポストできるウィンドウを表示します。いらない色をクリックすると、その色は取り除かれます。Firefox専用です。 javascript:(function(){window.postColorSchemeWindow=window.open('','','width=800,height=400,resizable=ye
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FireUnit
TEXTAREA に文字列置換機能を追加する - WebOS Goodies