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”

評価的には悪くない様子。ここらを見ると日本語化もいけるみたいね。