Dreamweaverのスニペット使ってますか?

  • このエントリーをはてなブックマークに追加
  • LINEで送る

Dreamweaverにはスニペットというコピペ支援みたいな機能があります。

例えばFirebugでalert()の代わりに使っているconsole.log();を
以下のようにスニペットに登録して、ショートカットキーを割り当てると、選択したテキストを挟み込んでくれたり便利です。

スニペット

[js]
<script type="text/javascript">
var aaa=10;
aaa//aaaを選択(反転)して割り当てたショートカットキーを押すと
</script>
[/js]

こうなる
[js]
<script type="text/javascript">
var aaa=10;
console.log(":"+aaa);
</script>[/js]

aaaを手打ちで追加して
[js]
<script type="text/javascript">
var aaa=10;
console.log("aaa:"+aaa);
</script>[/js]

Firefoxでプレビューしてみる。
Firebug結果

他に登録してるスニペット

clreafixinline-tableって相当古い。
[css]
/* 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 */
[/css]

inline-block
[css]
display: inline-block;
/display: inline;
/zoom: 1;
[/css]
「/」はIE6~7用のハック

css3の角丸
[css]
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
[/css]

min-height
[css]
ここにセレクタ {
min-height:100px;
height: auto !important;
height: 100px;
}
[/css]

ん~CSSばっかりだ。

あとはfont-familyをゴシック、明朝、英文の3セットや
Google Analyticsのコード

以前はIEのイメージツールバーを非表示にするmetaタグなんかも登録してたけど
[html]<meta http-equiv="imagetoolbar" content="no">[/html]
新規htmlのテンプレの方に書き込ん出るからもう必要なくなった。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す


You can add images to your comment by clicking here.