瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > つたえる > Dreamweaverのスニペットショートカットを追加してみた(いまさら!) > Web
Dreamweaverのスニペットショートカットを追加してみた(いまさら!)
選択されているタグ
タグを絞り込む
- 2010-03-17 (水)
- つたえる
Zen Coding すごいよ!なんて話を各地で聞くなか、
いまさらですが、Dreamweaver のスニペットに
ちょっと手を加えてみました。
そしたらけっこう使いやすくなったのでご紹介。
覚えやすさ重視、自分ルールはこんな感じで。
基本的にコードの頭文字のアルファベットをとる。
すでに使用されていてよく使うショットカットキーはそのまま。
考え方として、キーは以下の順番で割り振る。
- Cmd
- Opt
- Shift
- Ctrl
段階を追って拡張していくような場合もこの順番に準ずる。
よく使うものだけ、ちょこっと登録してた。
こんな感じのものを登録。
意外とあいていてすんなりできた。
a | Cmd+Opt+A |
a _blank | Cmd+Opt+Shift+A |
cssコメントL | Ctrl+Cmd+Opt+Shift+K |
cssコメントM | Cmd+Opt+Shift+K |
cssコメントS | Cmd+Opt+K |
div | Cmd+D |
dl dt dd | Cmd+Opt+D |
HTMLコメント | Cmd+K |
ol li | Cmd+Opt+O |
span | Cmd+Opt+S |
ul li | Cmd+Opt+U |
※一部まったく使わないキーは上書き。
段落、画像、見出し、テーブル、強調なんかはデフォルトにあるのでOK。
これでだいぶ楽になった。
css もよく使うやつは登録しておこう。
しかし、今更というかなんというか。
若干恥ずかしいですが、まだ Dreamweaver 派!
という人もいると思いますので、よろしければ参考まで。
それはそうと、Zen Coding って Mac でできるんだろか…。
以下のブログも参考にどうぞ…。
- Dreamweaver:オリジナルショートカットキーを設定する方法。 | kimihiko Tech
- Dreamweaverのスニペットを使ってショートカットを設定 : CI - カナダ在住、WEB制作者のブログ
--
※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、リンクツリーをどうぞ。
この記事に関連する記事
- 関連ぐあい 3 : にわかパンダーが Textexpander を3日使ってみての所感
- 関連ぐあい 2 : a-blog cms のフォーム、セレクトボックスの option コピペ用
- 関連ぐあい 2 : HTML のタグの性質を理解するためのゲームとかあったらなー
- 関連ぐあい 2 : ブログのデザインを変更しました。CSS3便利やね。
- 関連ぐあい 2 : 普段デザインをしない人間が、初心者デザイナーの上達法を考えてみる
- 関連ぐあい 2 : コーダーさんは読むといいかも「XHTML&CSS超高速コーディング術」
瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > つたえる > Dreamweaverのスニペットショートカットを追加してみた(いまさら!) > Web
- RSS 購読
- リンク
コメント