カスタマイズのコツ？

blogをカスタマイズするのは最初に考えてた以上にハマります。
特にMovable Typeは無料blogツールより自由度が高いのでできる事がたくさん！
いろいろなカスタマイズ方法もたくさんのblogで紹介されています。
そんなカスタマイズネタを日々探して結構試してるのですが最近になってやっとコツがわかってきて前より要領よくスムーズに進むようになりました。
(相変わらずうまく行かない場合もありますが…)
ごくごく当たり前の事ばかりかもしれませんが以下にいくつかコツと思える事を書いてみます。

*バックアップを取る＋ローカルで編集する
当たり前すぎる事ですが慣れてくるとついつい忘れがちです。
ほんのちょっとした事から復元不能、取り返しがつかなくなる事もありました。
ブラウザから直接テンプレートをいじるクセをなくして、いったんテキストエディターなどにテンプレをそっくりそのままコピペして保存してからローカルで編集するようにしました。
おかしな事になったとしてもエディターなら「やり直し」で前に戻せるので安心です。

*カスタマイズ用に新しいblogを作成する
MT3.0でも個人利用なら無償で3つまでblogが作れます。
特にデザインを変える時は修正→確認→修正という作業をマメにする事になります。
場合によっては大幅にレイアウトが崩れたりして見苦しい状態になる事も…
公開中のblogで確認しながら作業を進めるとリビルドも遅いしいろんな意味でイライラします。
カスタマイズ用非公開のblogがあれば慌てず余裕を持ってこまめに確認しながら作業ができます。
エントリーも少ないのでリビルドもあっという間。
確認作業も早くできるのが嬉しい。

*ブックマークレットを利用する

JAVASCRIPT::BOOKMARKLET

Bookmarkletとは、 JavaScriptで記述された小さな（1行で記述される）プログラムで、ブラウザのブックマーク（お気に入り）から利用することができるものです。Bookmarkletを利用すれば、あなたが見ているWebページの背景色を変えたり、特定のキーワードだけ強調表示させたり、ページ中のリンクを抽出したりすることができるだけでなく、電卓のような簡単なプログラムをブラウザの中で簡単に利用することができるようになります。

ブックマークレットの中にはカスタマイズに欠かせないものがたくさんあります。
是非JAVASCRIPT::BOOKMARKLETさんへ行ってみてください！
特に便利に使ってるものをいくつか…
●使用している色をリスト表示
●スタイルをリアルタイムにテスト
●CSSのDIVタグのid部を表示
●DIVタグにclassが定義されているものだけを表示　←オススメ
これはスタイルシートをいじる時に威力を発揮します！
いじりたい箇所のclassがわかるのでとっても便利です。

Wrong HTMLさんで配布されてるAccessibility Toolbarにも同様の機能がありますがIE専用です…

*オマケ
HTML/CSS/JavaScript関連オススメサイト
●CYBER@GARDEN
●Mi*Berry
●真・てすたーの倉庫
●HTMLクイックリファレンス

Now Playing...
Rage Against The Machine - 「Bulls On Parade」 (Evil Empire)