Lifehacks for Web Designers

floral: Lifehacks for Web Designers

floral — Mon, 20 Nov 2006 13:55:13 +0000

2006年2月16日に行われた長谷川恭久のプレゼンテーションをオープンソース化したものです。詳しくはCSS Nite紹介ページまで。以下がプレゼンテーションで実際紹介したサイトですが、このページをみている人が誰でも情報を追加することが出来ます。

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。
Copy Link Name
名前の通り[謎]

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*検索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるようにしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

やまざき: Lifehacks for Web Designers

やまざき — Sun, 13 Aug 2006 14:13:58 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。
~~Copy Link Name~~
~~名前の通り[謎]~~

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*検索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるようにしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Fri, 21 Jul 2006 07:34:12 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*検索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるようにしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Fri, 21 Jul 2006 07:31:41 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
~~DOM~~ ~~InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。~~
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
~~メニューバー上にブラウザの*検索窓を表示~~メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるようにしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Fri, 21 Jul 2006 07:31:32 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSS~~などのコードを調べることが出来ます。サイドバーから出せるようにしておくと便利。~~などのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Fri, 21 Jul 2006 07:30:06 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
~~レンダリングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。~~レンダ0ea;ングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Tue, 11 Jul 2006 06:31:00 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
~~ページ単位で見た目をカスタマイズ出来るJavaScriptエンジン~~ページ単位で見た目をカスタマイズ出来るJavaScriptエ0f3;ジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダ0ea;ングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
ColorZilla
サイトに表示されている色合いを何でも、RGBで表示してくれる。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Fri, 07 Jul 2006 11:16:52 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエ0f3;ジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダ0ea;ングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。
~~ColorZilla~~
~~サイトに表示されている色合いを何でも、RGBで表示してくれる。~~

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Tue, 27 Jun 2006 16:14:37 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエ0f3;ジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダ0ea;ングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
Stylish
複数のユーザースタイルシートを管理することが出来ます。

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

お買い物

アルテック海外ソフトの購入代行

: Lifehacks for Web Designers

Sat, 03 Jun 2006 01:28:14 +0000

わたしの知っている素敵ソフトウェア
こうやってプロジェクト管理している
◯○をしたら便利だよ！

というのがあればどんどん書き込んでいってください。

書き込んでくれた方

（宣伝もかねてぜひ名前を残していって下さい）

Firefox

Web Developer Tool
いわずと知れた必須ツール。日本語化されているので扱いやすい。
DOM Inspector
ドキュメントツリーの確認に便利。ディフォルトで入っている拡張機能です。
HTML Validator
見ているサイトをその場でW3C検証。
Greasemonkey
ページ単位で見た目をカスタマイズ出来るJavaScriptエ0f3;ジン
- CSkinner
- Anatomize Page
- XMLHttpRequestTracing
- Popup Alt
All-In-One Sidebar
サイドバーから開けれるアイテムを一望出来ます。
Aardvark
マウスオーバーしているエリアのXHTML要素やclass/idを確認することができます。
X-Ray
XHTMLタグをページ上に表示させることが出来ます。
Firebug
DOM Inspectorにエラーメッセージも入った便利ツール。
- 更新でさらに便利になった模様。
  FireBug の新しいバージョンが便利すぎる件について
Reveal
何でも見せてくれます。
Platypus
Greasemonkey用のスクリプトをJavaScriptの知識なしで作ることが出来ます。
Console² サイドバー版FireBug。
View Rendered Source Chart
見やすくてキレイなソースコードを表示してくれます。
Tab Sidebar
各タブのサムネールをリアルタイムでサイドバーに表示し、サムネール内で「戻る」「進む」「再読み込み」「閉じる」などの操作が出来ます。
TinyURL Creator
右クリックで（tinyurl.comに行かなくても）長いURLを短縮できます。
Resizable Textarea
狭いTextareaを任意に広げることができる機能拡張。
IE Tab
レンダ0ea;ングエンジンを手軽にIEコンポーネントに切り替えることができます。ちょっとチェックしたいときに良いかも。
IE Tab Symphonica
IE Tab の改良?拡張?版
ScreenGrab
右クリックでスクリーンキャプチャを撮ってくれます。もちろんスクロールのあるページも上手い具合に繋ぎ合わせてくれますよ。
CSSViewer
DOM InspectorのCSS版みたいなモノ。SafariのWebkit Nightly版に搭載されているInspect ElementをFirefoxで実現みたいな。
View Source Chart
DOM構造を入れ子の形で表現してくれます。ソースの確認やDOM構造を辿るときに参考になるかも。
CSS Viewer
マウスオーバーでどのような定義がされているか確認出来る。見た目もなかなか良い。
~~Stylish~~
~~複数のユーザースタイルシートを管理することが出来ます。~~

Bookmarklet

Favelet Suite
Web Developer ToolbarいらずのJavaScriptセット。SafariやOperaなどツールがないブラウザで有効。
ReCSS
CSSファイルのみを再読み込みしてくれるスクリプト。ダイナミックデータを扱っているページの制作に便利。
Mouseover DOM Inspector
javascriptをロードしてマウスオーバーしながらDOM解析できるツール。マウスオーバーしているエレメントをハイライト表示できるほか、親要素・子*要素・id/class名の表示もできる。WinIE6/Opera/Safariなどでも有効。

Safari

Safari Tidy
その場ですぐチェック出来る Firefox の拡張機能である HTML Validator の Safari版。

Mac

QuickSilver
skEdit
v.3.6から日本語化。CSV/Subversionにも対応した軽量Cocoaアプリ。
FontExplorer X
iTunesそっくりなフォント管理ソフト。Windows版もリリースされます。
Textpander
定型文をショートカットで書き出してくれるユティリティ。よく使うコードを設定しておくのも良いかも。
WebKit
複数のソフトウェアの日本語リソース
Default Folder X
開いているウィンドウ上をクリックすれば、Open/Saveダイアログボックスでそのフォルダにジャンプできます。
option＋↓（↑）で最近使った10個のフォルダにも移動できます。
Fruitmenu
Windowshade X
Labels X
DragThing
DOCKだけでは足りなくなったら定番のこれを。
iSeek
メニューバー上にブラウザの*91c;索窓を表示
Process
SubEthaEdit
- $ see filename で terminal からも起動可能
Fugu
FolderShare
Remote Desktop Connection Client
Mac上からWIndowsをダイレクトに操作できます。VNCといったこの手のアプリの中では速いです。
Another HTML-lint Manager
そのまんま
Path Finder
多機能ファイルブラウザ。Finderに不満を感じている方は是非。
Diablotin
機能拡張マネージャみたいなやつ。
delimport
del.icio.usブックマークをSpotlightで検索できるようにインデックスする。
hatebimport
上記、delimportのはてな版。はてなブックマークをSpotlightで検索できるようにインデックスする。
Paparazzi!
Webページのスクリーンショットを作成。

Windows ソフト

ez-HTML
Crescent Eve
シンプルなHTMLエディタ
DreamWeaverの外部エディタとして使うと便利
Internet Explorer Developer Toolbar
Web Developer Extentionのパクリ[違]
IEDocMon
Internet Explorer DOM Inspector

コーディング

Another HTML-lint gateway
Semantic data extractor
- head 2.0

デザイン全般

便利なサイト

Woofoo
- フォームを作るのに大変便利なサイト。欲しいフォーム要素を選択するたけで完成します。

ハックなサイト

サイドバーの活用

Firefox
ExplorerBar Plus
Quick Lookup ダイナミックにPHP, CSSなどのコードを調べることが出来ます。サイドバーから出せるよ̄6;にしておくと便利。
Console² サイドバー版FireBug。

検索

Rollyo Search 自分のニーズにあった検索エンジンが作れます。
ソーシャルブックマーク検索
yubnub ソーシャル検索コマンド。こちらからプラグインをダウンロード出来ます。
yubnubの検索コマンド
- ソーシャルブックマーク検索: sbm
- Google日本語検索(なかったので作りました): gja
- はてなブックマーク: ?b
- テクノラティ: tec
Google × はてブ

Lifehacks for Web Designers

floral: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

便利なサイト

ハックなサイト

サイドバーの活用

検索

お買い物 アルテック 海外ソフトの購入代行

やまざき: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

便利なサイト

ハックなサイト

サイドバーの活用

検索

お買い物 アルテック 海外ソフトの購入代行

: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

便利なサイト

ハックなサイト

サイドバーの活用

検索

お買い物 アルテック 海外ソフトの購入代行

: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

便利なサイト

ハックなサイト

サイドバーの活用

検索

お買い物 アルテック 海外ソフトの購入代行

: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

便利なサイト

ハックなサイト

サイドバーの活用

検索

お買い物 アルテック 海外ソフトの購入代行

: Lifehacks for Web Designers

書き込んでくれた方

Firefox

Bookmarklet

Safari

Mac

Windows ソフト

コーディング

デザイン全般

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行

お買い物

アルテック海外ソフトの購入代行