知っておくべきオープンソースのWebデザインプログラム+ツール×25：海外版
2007.10.18
25 Open Source Web Design Programs And Tools You Should Already Know About
という記事より。
海外の記事だからか、俺がヒヨッコだからかはわかりませんが、
知らないものが多いです。
というかほとんど知らない。
以下、英検3級の知識と翻訳ツールを駆使した各ツール説明＋自己流解説。
テキストエディタ
Notepad++
軽量テキストエディタ。コードが色分けされて折りたたみもできる。
Notepad2
こちらも軽量テキストエディタ。WIN標準のNotepadと置き換えられる？
Cream
クロスプラットフォームなテキストエディタ「VIM」の拡張ソフト。
これをWindowsでVIMを手軽に使えるようになる。らしい。
Firebug
非常に強力なFirefoxエクステンション。
HTML･JavaScript･CSSなどの編集やモニタリング、デバッグが可能。
WYSIWYGエディタ
WYM editor
W3C準拠のXHTML1.0STRICTコードを出力するウェブベースのXHTMLエディタ。
Aptana
Dreamweaverの代用になるほど強力、かつ安定したエディタ。
Amaya
W3Cの中の人が作ったHTML/CSSエディタ。当然のようにW3C準拠。
Selida
無料のWYSIWYGエディタ。
Nvu
Dreamweaverの代用になるオープンソースのHTML/CSSエディタ。
FTPクライアント
FileZilla
非常にポピュラーなFTPクライアント。無料でサーバ版も使用可。
CoreFTP
2ペイン（枠）のシンプルなFTP。
FireFTP
FireFoxプラグインで本格的なFTP機能。
画像処理
Gimp / Gimpshop
Photoshopの代わりといえばこれ。
Inkscape
SVGファイルを出力する非常に強力なツール。
Paint.NET
Photoshopよりのペイントツール。
Project Dogwaffle
無料のペイント・アニメーションツール。
Picasa2
Googleのツール。画像編集に加え、タグを付けてGoogleにアップすることもできる。
カラーピッカー
ColorMatch Remix
Photoshop、Illustratorのパレットも書き出せる。
ColorPicker
写真などから、RGB形式・16進数値で色を取得したりできる。
コーディング支援
AllChars
“&”が“&”であるように、コード化してくれる。
CSS Creator
CSSレイアウトのための枠組みを作ってくれる。
Firdamatic
2カラム、または3カラムレイアウトに使用できるオンラインCSSレイアウトジェネレータ。
FireFox拡張・プラグイン
Web Developer Toolbar for Firefox
CSSや、Javascript、画像表示の切替など、Web屋さん必須だと思われるプラグイン。
IE Tab
FireFoxのタブでIE表示を確認できるプラグイン。
HTML Validator
表示されているHTMLの構文にエラーがあるかどうか一目でわかる。ソースを表示すればエラー箇所も教えてくれる。
誰か「知っておくべきオープンソースのWebデザインプログラム+ツール×25：国内版」とか書いてくれないかな(笑
| Home |
