codaでとてもよく使うショートカットをメモします。
■command+/ ・・・コメントアウト（文字選択した上で）
■command+[,command+]・・・ 複数行の左右インデント（詰め，空き）
■command+{,command+}（要するに、上のショートカットにシフトを加えたもの）・・・ タブの左右（複数ファイル間）移動
■command+1,2,3,4,5・・・sitesやeditやpreviewやcssなどの画面切り替え
■command+fでfind（検索） そして、command+gで次の検索対象へジャンプ（これ、とても便利）
ショートカットはどんなソフトを使うにしても、必須なものですね。
後は、zen codingのプラグインTEA For Codaを入れて、
F1の多用が吉。
http://learnaboutcss.blogspot.com/2011/02/zen-coding.html
zen coding、最高です。
2011年2月11日金曜日
2011年2月9日水曜日
codaで実体参照に変換。
これまで、タグなどをブログに掲載する際、実体参照に変換するのが面倒でした。
codaには、text->encode entitiesですぐ変換できる機能がありました。
が、日本語もasciiコード（？）に変換されてしまうので、若干コードレベルでは微妙ですが。
codaには、text->encode entitiesですぐ変換できる機能がありました。
が、日本語もasciiコード（？）に変換されてしまうので、若干コードレベルでは微妙ですが。
zen coding使用開始。これは大変気持ちがいい。
HTMLコードをCSSのセレクタなどを使ってシンプルに書ける
zen codingを使用開始しました。
自分は、Macのcoda上にて。
でダウンロードはこことか。
http://code.google.com/p/zen-coding/downloads/list
確かに、早いし，気持ちいいですね。
HTMLのコーディングって、単調な繰り返しが多いので、
それをすっきりと最小の情報で書ける、というのは清々しさがあります。
zen coding、HTML+CSSが書けるなら、けっこうすぐ覚えられそうです。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
例）
html:xtと書いて、codaであればF1を押すと、一気にお決まりのdoctype宣言やbody,head等が生成されます。
div#head.entryなら
<div class="entry" id="head">
</div>
が
ul>li.item-$*3>aなら
<ul>
<li class="item-1"><a href=""></a></li>
<li class="item-2"><a href=""></a></li>
<li class="item-3"><a href=""></a></li>
</ul>
が一瞬で！
これはありがたくて、びっくりです。。。
気持ちいい。。。。
さらに勉強になったのは，こちら。
http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html
ここに書いてあった方法で、
「みかん
りんご
なし」
のような単語群を、一気にli*>aでli aでラップできるというので、codaでやってみたら、
見事出来ました。
<div>
<li><a href="">なし</a></li>
<li><a href="">みかん</a></li>
<li><a href="">りんご</a></li>
</div>
うーん、いい。
（codaプラグインでのショートカットは「shift+control+a」）
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
また、以下は、zen codingに関するこもりまさあきさんのプレゼン。
本も出されていますね。
HTML+CSSコーディングが10倍速くなるZen Coding
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
あと、
あまりzen-codingの話題じゃありませんが、
coda版zen-codingプラグインを作っていた方が、espressoに移行しており、coda版は他の人がfolkしているのを知り若干びっくりしました。
http://onecrayon.com/tea/coda/
で、espressoってどうなんだろう？と、体験版を使ってみましたが、
codaとまた違うフィーリングで使える、いいコーディングアプリだな、とふむふむ。
ま、でも、coda使います。せっかく買ったし，気に入ってるし。
zen codingを使用開始しました。
自分は、Macのcoda上にて。
Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.
（注：音出ます）でダウンロードはこことか。
http://code.google.com/p/zen-coding/downloads/list
確かに、早いし，気持ちいいですね。
HTMLのコーディングって、単調な繰り返しが多いので、
それをすっきりと最小の情報で書ける、というのは清々しさがあります。
zen coding、HTML+CSSが書けるなら、けっこうすぐ覚えられそうです。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
例）
html:xtと書いて、codaであればF1を押すと、一気にお決まりのdoctype宣言やbody,head等が生成されます。
div#head.entryなら
<div class="entry" id="head">
</div>
が
ul>li.item-$*3>aなら
<ul>
<li class="item-1"><a href=""></a></li>
<li class="item-2"><a href=""></a></li>
<li class="item-3"><a href=""></a></li>
</ul>
が一瞬で！
これはありがたくて、びっくりです。。。
気持ちいい。。。。
さらに勉強になったのは，こちら。
http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html
ここに書いてあった方法で、
「みかん
りんご
なし」
のような単語群を、一気にli*>aでli aでラップできるというので、codaでやってみたら、
見事出来ました。
<div>
<li><a href="">なし</a></li>
<li><a href="">みかん</a></li>
<li><a href="">りんご</a></li>
</div>
うーん、いい。
（codaプラグインでのショートカットは「shift+control+a」）
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
また、以下は、zen codingに関するこもりまさあきさんのプレゼン。
Zen-Codingはみんなのもの
View more presentations from gaspanik.
本も出されていますね。
HTML+CSSコーディングが10倍速くなるZen Coding
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
あと、
あまりzen-codingの話題じゃありませんが、
coda版zen-codingプラグインを作っていた方が、espressoに移行しており、coda版は他の人がfolkしているのを知り若干びっくりしました。
http://onecrayon.com/tea/coda/
で、espressoってどうなんだろう？と、体験版を使ってみましたが、
codaとまた違うフィーリングで使える、いいコーディングアプリだな、とふむふむ。
ま、でも、coda使います。せっかく買ったし，気に入ってるし。
登録:
投稿 (Atom)