サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Firebugについてまとめ - 文殊堂のフォロー記事 件の記事でRainbowというscriptタブのJavaScriptとHTMLシンタックスハイライトしてくれるFirebug拡張を紹介していましたが、Firebug1.3に更新した段階で使えなくなりそのまま忘れてましたが、 Firebug1.3向けにupdateするのではなくFireRainbowという別のadd-onが出ていたようです。 Firefox3.5用のFirebug1.4にもばっちり対応しています。 ただ、ある程度以上のボリュームのJavaScriptのコードを読むならJS Viewを使って、 シンタックスハイライトがきく好きな外部エディタで呼んだほうが良いでしょう。
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, inputGoogle 検索, i
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月7日（月）～7月13日（日）〔2025年7月第2週〕のトップ30です*1。 順位 タイトル 1位 あの2人組が「ぽっこりお腹はどうすれば簡単に治るか？」を教えてくれる→「そんな腹筋で大丈夫か？」「大丈夫だ。問題ない」 - posfie 2位 何が長期的に出生率を下げてきたのか｜筒井淳也 3位 ※オススメです！【簡単！！ゆでて切るだけ】夏にぴったり！雲白肉(ウンパイロー) | 山本ゆりオフィシャルブログ「含み笑いのカフェごはん『syunkon』」Powered by Ameba 4位 速習 Claude Code 5位 たった5分でストレスを和らげる確かな方法6選、科学の裏付け | ナショナル ジオグラフィック日本版サイト 6位 【速報】米国依存から自立する努力必要と石破首相|47NEWS（よん
サイト構築の際、欠かせないツールのひとつといえば Firebug。JavaScript を使ったウェブアプリケーションのデバッグだけでなく、サイトデザインをしている方にとっても便利なツール。テストの際、レイアウトが崩れていたとしても Firebug で調べればだいたいのことは解決します。この Firebug のコンパニオンツールが Firescope です。 Firescope は、Firebug 内でCSS/HTML のタグの意味や使い方をチェック出来るツール。インストール後、Firebug のパネルに新たに「Reference」というタブが追加されます。HTMLビューや「調査」の際に選択したタグと下階層にあるタグの意味が Reference に表示されます。最新のブラウザだけですが、その場でサポート状況も見れるのは便利です。もっと詳しく知りたい方は提供元の Sitepoint のペー
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です -はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて -はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
Multi-user-hatena 0.0.3 作者: Yuichi Tateno 実験的 カテゴリ プライバシー／セキュリティはてなユーザアカウントの切り替えアドオンです。 まだ評価されていません 2008年 12月 11日 更新 0 ダウンロード (週間) 0 ダウンロード (累計) 詳しい説明はてなユーザのアカウントをステータスバーで切り替えることができます。LoginManager を使ったユーザ切り替えを行っています。 別アドオン、はてなバーでのユーザ切り替えはcookie ベースですが、 こちらは実際にログイン・ログアウトを行います。 ユーザの管理は オプション >セキュリティ > 保存されているパスワード を変更ください。 ほとんど cho45 さんのコードがベースになっています。 http://gist.github.com/55
blog post | FAQ Hammerhead adds a tab to Firebug for measuring the load time of web pages. To install: install Firebug install Hammerhead In Firefox 3, if you get thiserror: "Hammerhead" will not be installed becauseit does not provide secure updates. follow these steps: enter "about:config" into address bar right click somewhere in the list of keys below; select New->Boolean enter "extensions.c
米Yahoo!のクライアント側パフォーマンスチューニングで名を上げ、Googleに移籍した、「ハイパフォーマンスWebサイト」の著者スティーブ・サウダーズさんが、新しいプラグインHammerheadを出しました。 Hammerheadは、FirefoxのFireBug拡張の上で動く子拡張。Firebugを入れた上でインストールする必要があります。 Firefox3のアドオンマネージャのセキュリティチェックに引っかかるので、パラメータをいじらないとインストールできません。about:configから手順に沿ってパラメータを一つ追加する必要があります。 ブラウザ側のパフォーマンス測定をするときは、キャッシュの影響を排除しないと正確な測定ができません。このプラグインではまず、ディスクやメモリ上のキャッシュをステータスバーからクリアするための簡易な手順が提供されます。 これは、3つのURLについて
Firefox で HTTP ヘッダを扱う拡張機能としては LiveHTTPHeaders が有名だが、 Tamper Data はリクエストごとにヘッダをカスタマイズできる（偽装とか）点で、ウェブアプリケーションのデバッグ時により役に立つ。でもぐぐってもあんまり情報がなくていまいち使い方がわからなかったのだけど、最近なんとなくわかってきたので書いておく。大ざっぱだけどスクリーンキャプチャ画像つき。 Tamper Data のウィンドウを開いて左上の Start Tamper を押す。これを押さないと有効にならない。押したら Firefox のメインウィンドウに戻ってデバッグしたい URL へアクセスする。 ダイアログがでてなんか聞かれる。 Submit でリクエストを送信する（これ押さない限りはリクエストを送らない。何かしらボタン押すのを待ち続ける）。 Abort Request を押す
ブラウザの新境地？ Ubiquityが変える衝撃のブラウザ体験：Firefox Hacks（1/2 ページ） Mozilla LabsからプロトタイプとしてリリースされたFirefox拡張機能「Ubiquity」は、これまでのブラウザ体験を大きく変化させる可能性に満ちている。本稿では、Ubiquityの魅力を解説する。 はじめまして、june29と申します。この記事では、先日Mozilla Labsからリリースされ、密かに話題になっているFirefox拡張機能「Ubiquity」を紹介したいと思います。 Ubiquityとは？ Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityは
最近はWebの話をなかなか取り上げることがなかったが、このMozilla Ubiquityは面白い。 Mozilla Ubiquityは、ウェブをより使いやすくするFirefoxのプラグインだ。 たとえば、メールにレストランの地図を貼り付けるとして、普通ならいくつものページを開いて、最後にメールに貼り付けることとなる。これが、Mozilla Ubiquityを使うことで、ページをいくつも開くことなく、いくつかのキーをタイプするだけで、簡単にメールに貼り付けることができる。 Ubiquityは、いくつかのコマンドを覚えることで、格段にウェブを使いやすくしてくれる。 たとえば、Shibuyaの写真をFlickrで探したい場合。 まず、"Shibuya"という言葉をマウスでハイライトし、Ubiquityを呼び出すキーセットである「Ctrl+スペース」（Win）あるいは「option+スペース」（
Mozilla Labs »BlogArchive » Introducing Ubiquity[ チュートリアル:Labs/Ubiquity/Ubiquity 0.1 User Tutorial - MozillaWiki 普通の紹介ははてなブックマーク - Mozilla Labs »BlogArchive » Introducing Ubiquityの関連エントリを見れば良さそうなので省くよ。Greasemonkeyのminibufferを知っているなら、それの拡張機能版を想像すれば良いかな*1。 日本語対応 ちょっと触った感じ日本語対応が完全じゃないなと思った。 例えば、住所を選択してmap-these*2コマンドを打ってもずっと読み込み中になってしまうとか(コピーしてmap*3の引数にペーストすると表示できるのに...) でも、ちょっとソースを覗いてみてびっくりした。 な
今回は私が使っているおすすめアドオン(Firefox3対応)をご紹介します。仕事で使う Web Developer [日本語版] Web 制作に欠かせないアドオン。日本語対応版もあります。 ColorZilla ブラウザ上で使っている色を調べる時に便利。 MeasureIt WEB ページ制作中に「ここ何ピクセルだっけ？」という時に便利なアドオン。 ページ閲覧に便利 All-in-One Gestures マウスジェスチャ機能を追加するアドオン。 進む、戻る、タブの複製、画像の拡大など、多くの追加機能をマウスジェスチャに割り当てることができます。 Speed Dial Operaのスピードダイヤルを模したアドオン。いつもチェックしているページを登録しておくと便利。 Tab Scope タブにマウスを乗せるとサムネイルが表示され、リアルタイムにプレビューすることが可能です。 Cooliri
Mozilla Labsから、コマンドをテキスト入力するだけで、様々なWebサービスを呼び出し、実行することができるFirefox用アドオン「Ubiquity」がリリースされました。 従来、Webサービスを利用するには多くのステップが必要でしたが、このツールをFirefoxにインストールしておくことにより、各種サービスの利用ステップをかなり軽減できるようになります。 「Ubiquity」は、「地図を検索」や、「カレンダーをチェック」、「画像を探す」、「twitterに投稿する」などの各種Webサービスの利用を、専用のランチャーを起動することによって、自然言語によるコマンドラインで実行することができるマッシュアップツールです。 インターフェースの呼び出しは、デフォルトの場合Ctrl＋スペースとなっており、呼び出したウィンドウから様々な操作を行うことができるようになっています。 ＊ショートカッ
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://i.gyazo.com/1217e6543471067a508cc038fea48d6e.png
