CSSサイト構築のスピードアップツール
2008.03.21 金曜日
DreamWeaverCS3を使っているけれど、じみにコード・プレビューの2画面表示とか、閉じタグとかのチェック的にしか使っておらず、機能的にバージョン4ぐらいで問題ないくらい使いこなしていません。コードはほとんど手打ちで、テキストエディタ(EmEditor。フリーもあるでよ。)がメインになってるし。
手打ちのほうがやり慣れている感があるけれど、実際スピードを計測したらどうなんだろう。
もっと総合的なスピードアップができるんじゃないかと、日々ツールがないか、目を光らせていますギラギラ。
以下は要所に使えるお便利ツールの紹介です。
Internet Explorer Developer Toolbar
Web開発者向けに出ていたプラグイン。Microsoft純正。
IE版のFirebug IE Developer Toolbar
MS、無償のWeb制作者向けIEプラグイン「Internet Explorer Developer Toolbar」正式版公開
CSSレイアウトにおいて、FirefoxやSafariではズレていないのに、IEだけずれちゃう時。結構あります。
そんなときは彼が大活躍。
Firebug
Firefoxのアドオン。ゴキちゃんアイコンが個人的に抵抗があるので、普段はoffにしています。要素の確認にお便利。
WebDeveloper
画面サイズの変更(800×600や、1024×768あたり)や、DIV要素がずれていないかの幅確認(要素幅の実線表示が◎)、CSSやJavascriptのON・OFFでの表示確認を主に使用してます。
あと、番外編。
Aptana STUDIO
DreamWeaverに近い機能性をもっている無償版・有償版が存在するアプリ。まだ使っていませんが。
Aptana StudioでPHP開発環境構築
The Web 2.0 IDE - 時代を作る開発環境”Aptana”
評価的には悪くない様子。ここらを見ると日本語化もいけるみたいね。


















Leave a Reply