Dreamweaverにはスニペットというコピペ支援みたいな機能があります。
例えばFirebugでalert()の代わりに使っているconsole.log();を
以下のようにスニペットに登録して、ショートカットキーを割り当てると、選択したテキストを挟み込んでくれたり便利です。
<script type="text/javascript"> var aaa=10; aaa//aaaを選択(反転)して割り当てたショートカットキーを押すと </script>
こうなる
<script type="text/javascript">
var aaa=10;
console.log(":"+aaa);
</script>
aaaを手打ちで追加して
<script type="text/javascript">
var aaa=10;
console.log("aaa:"+aaa);
</script>
Firefoxでプレビューしてみる。
他に登録してるスニペット
clreafixinline-tableって相当古い。
/* clearfix
-------------------------------------------------- */
ここにセレクタ:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for ie */
* html ここにセレクタ {
display:inline-table;
}
/* hides from ie-mac \*/
ここにセレクタ {
height:1%;
}
/* end hide from ie-mac */
inline-block
display: inline-block; /display: inline; /zoom: 1;
「/」はIE6～7用のハック
css3の角丸
border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
min-height
ここにセレクタ {
min-height:100px;
height: auto !important;
height: 100px;
}
ん～CSSばっかりだ。
あとはfont-familyをゴシック、明朝、英文の3セットや
Google Analyticsのコード
以前はIEのイメージツールバーを非表示にするmetaタグなんかも登録してたけど
<meta http-equiv="imagetoolbar" content="no">
新規htmlのテンプレの方に書き込ん出るからもう必要なくなった。
関連記事かもしれん:
乱雑モックアップのフィード