より早くcssやhtmlのコーディングが行えそうな情報いろいろ

Web制作を少しでも効率化しよう
 と思って︵今更︶いろいろ便利そう
 な情報を探しました。既に使って
 いる情報の方が多かったのです
 が、折角調べたのでシェアしたい
 と思ってエントリーです。

コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。

zen-coding

話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。

(一)zen-coding︵本家︶
(二)HTMLコーディングが3倍速くなる？﹁Zen-Coding﹂
(三)秀丸Zen- Codingマクロ
(四)コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法
(五)WP Zen-Codingが凄く便利

初期設定とかTipsとか

制作前に知っておくと便利なコードとかTipsいろいろ。

css書く前にチェック。

(一)もう、class名やid名で悩まないんだからっ！！※めっちゃ便利
(二)CSS︵スタイルシート︶でbodyに設定しておくと便利な5つのポイント
(三)ブラウザのスタイルを初期化するスタイルシートのサンプル集
(四)ブラウザのスタイルをリセットするスタイルシート集
(五)Web制作にあると便利な10の日本語版各種チートシート
(六)スタイルシート設計のベースになる12のCSSのフレームワーク

tipsとか。

(一)都道府県選択するやつ。
(二)CSSハック一覧
(三)IE6でよく遭遇するCSSのバグとその解決方法
(四)IEでのCSSのバグを回避するhasLayout
(五)今よりコーディングのスピードを上げるには
(六)cssの情報・まとめ / 手前味噌。情報いっぱい。

拡張

ブラウザで使えるやついろいろ。拡張︵アドオン、エクステンション︶とか、ブックマークレットとか。というかコーディングの早さにあんまり関係ない気もする。修正する時にこれがあれば早い、という事で入れてます。

(一)xray / Web制作者にオススメの素敵ブックマークレット。
(二)ウェブサイトの制作・検証に役立つブックマークレット集 / まとめ
(三)Firebug　Firefox addons
(四)Firebug Chromeエクステ / Chromeのエクステンション
(五)Firebug Lite / IE、safari、Opera向け
(六)WEB制作のために使ってるFirefoxアドオン9個まとめ
(七)Web Developer / Chomeエクステ。高機能です。
(八)Pendule / Chromeエクステ。マークアップのバリデーションとか出来る
(九)CSS Tester / 実は地味に便利。詳細はリンク先で。

グリッド関連

これもあると便利ですね。多いのでまとめ記事を。

(一)960pxのグリッドシステムを使用する際に役立つサイト集
(二)グリッドデザインに使えるツールいろいろ

リファレンス

ググる手間を省く用

(一)HTMLクイックリファレンス
(二)スタイルシートリファレンス
(三)WEB色見本 原色大辞典

あまり多くしたく無いのでこれくらいで。これらの情報から更に抜粋して自分用のチートシートでも作ろうかと思っています。