Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
ウェブデザイナーのための13のFirefoxのアドオン
ウェブデザイナーのための13のFirefoxのアドオン ネタ元:ウェブデザイナーのための16のFirefoxのアドオン 私のお勧めのアドオンです。(お勧め度は独断と偏見で) お勧め度★★★ Firebug 要素にかかっているCSSの確認や、リアルタイム編集による検証など、FirebugがないとCSSコーディングをしたくないと思うまでに大活躍中です。 JavaScriptを書く際にも、スクリプトの停止やオブジェクトの確認、console.logでの動作チャック、現在のDOMTツリーの確認などで非常に利用します。 Firebugは絶対利用したほうがよいですよ。 お勧め度★★☆ Html Validator XHTMLが正しく書かれているかどうかチェックしてくれるツール。間違っている場合はその理由も教えてくれます。 Web Developer Toolbar Firefoxの登場でめっきり出番は
Minibuffer からはじめるGreasemonkey Script - 枕を欹てて聴く
20080406 21:50 キーコードについての説明を追記しました。 Greasemonkeyを使ってる人ならたいていの人が知ってるMinibufferとLDRize（偏見?） ただ、なんというかMinibufferについての説明がMinibuffer 2007.11.15 の変更点 | 3.14とsilog - script/LDRizeの記事くらいしかなく、半ばソース読んで書け状態になってるので結構ハードルが高いのではないかと。 そこで、自分でもDeleteCommand for GreasemonkeyっていうMinibuffer上で動くGreasemonkeyを書いたんだけれど、そのときにわかったこととか、後でMinibuffer用Scriptを書くときの備忘録みたいなのをまとめておく。 これよんでちょっとでもGreasemonkey、またMinibufferに興味持つ人が増えな
いまさら人に聞けない Firebug tips - bits and bytes
2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、もうひとつ、ソースコードにしか書かれてなさそうなやつを発見しました。$$1と$$2です。 自分はFirebugを使っていて、ときどきconsole.logで出したオブジェクトのプロパティを引数にして関数を呼んだりしたい、ということがあったけどできなくて困ってたんですが$$1でそういうことができるようになりました。 たとえば
秋元@サイボウズラボ・プログラマー・ブログ: YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオン
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Firefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しい - IT戦記
この記事で Firebug ハッキング Tips を纏めたい Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記 とか言ってたけどその前に、 僕は Firebug だけじゃなくて、 だいたいの拡張機能で、簡単に「チョコチョコいじれる化」というのをしてるのでそれを書いてみます。 チョコチョコいじれる化とは jar ファイルを解凍しておいてすぐ書き換えられるようにしとくこと。 「チョコチョコいじれる化」しとくと気付いたときにちょっと JS や XML や CSS を追加するだけで、いろいろ改造できて楽しい。 「でも、 Firefox が壊れる可能性があるじゃん＞＜」って？ チッチッチ、ナンセンスだよメーン そんなの拡張機能のディレクトリを削除しちゃえば元通りさ Don't be scared! iKnow!で英語。ちょっとの努力で、大きな成果を。
セキュリティホール memo - 2007.07
》 カーネギーメロン大学日本校情報セキュリティセミナー 「信頼性への取り組み」。 2007.08.31、兵庫県神戸市、無料。 》 オリコン訴訟第四回口頭弁論、終了 (SLAPP WATCH, 7/31) 》 アイリスオーヤマのシュレッダーと噴霧器に不具合、修理へ (家電 Watch, 7/31) 》 「上面操作一口電気こんろ」及び「複数口電気こんろ」の事故の再発防止に向けた抜本的対策について (経産省, 7/31) 》 原子力発電所における計器の設定誤り等への対応について（第３報） (経産省, 7/31) 》 水素自動車の導入について (経産省, 7/31)。RX-8 な公用車ですか。 》 エイズ国際シンポ、当局命令で中止 中国・広州市 (asahi.com, 7/31) 》 NHK の夏、日本の夏 アメリカ秘密尋問所「トレイシィ」 〜ＧＨＱの占領施策を生んだ5000頁の調書〜（仮） (N
about:config と user.js による Firefox のカスタマイズ - えむもじら
この記事は、Software Design 2007年1月号に掲載された拙著「Firefox 2 カスタマイズガイド」の一部を加筆修正したものです。 Firefox の設定画面は、他のブラウザに比べると驚くほど設定項目が少なくなっています。これは、初心者でも迷わないようにという方針により、徹底的な項目の絞込みが行われているためです。しかし、上級ユーザ向けに細かいカスタマイズの方法が提供されています。 もくじ Firefox 2 入門 総合目次 基礎編 about:config とは prefs.js と user.js 各 OS のプロファイルフォルダの場所（別ページ） 実践編 タブクローズボタンの設定 タブのオーバーフロー制御 新規タブをバックグラウンドで開く ロケーションバーの検索エンジンの変更 Go ボタンの削除 拡張機能のバージョンチェックを回避 外部エディタによるソース表示 ソー
ブロガーに最適？参考情報を管理できるFirefox拡張『Zetoro』 | P O P * P O P
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか？ ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」（もともと論文を書くためのツールですが）。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browser-users.net
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Blog - Mikula Beutl - SEO Consulting
Firefox まとめサイト