マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
踊るサボテン工房｜Mac｜zen-coding for CotEditor 0.7
踊るサボテン工房｜Mac｜Zen-Coding for CotEditor 0.7 はじめに 本ソフトは、Sergey Chikuyonok. が開発した zen-coding を CotEditor 用に改造したものです。オリジナル Zen-Coding は MIT License となっております。 当工房で行っているのは Zen-Coding と CotEditor の間のインタフェース部分の開発にすぎません。Zen-Coding の作者と CotEditor の作者への感謝を忘れないようにしましょう。 Zen-coding について大して使いこなしているわけでもないため、不完全な箇所があるかもしれませんが、今後も改良などはしていきたいのでバグ報告や感想など、ご連絡をいただけると嬉しいです。 システム要件 Mac OS X 10.5.x 以上です。 Zen-Coding for Co
CodaとZen-Codingのショートカットまとめ。極めると早い。 | codechord
Posted 7月 2nd, 2011 by codechord. 1 Comment Tweet Tweet コーディング時のエディタは何をつかっていますか？最近Vimでのコーディングが気になりだしています。 Vimをプラグインなどでカスタマイズしまくると、かゆいところに手が届くすばらしいエディタになるとのことで。でも覚えるのが大変。。。 コーディングを早くするコツ。 なぜ、Vimが優れているかといわれると。数少ないキータッチのコマンドで、あっと驚くようなことができてしまうということ。ですよね？ つまり、Vimに限らず、エディタの便利なコマンドを頭に叩き込めば、早くコーディングできるという逆転の発想です。 コーディングにかぎらず、PCのアプリケーションを使う作業は、ショートカットを覚えた数が、作業のスピードに比例すると自分は思っています。 ということで、CodaとZen-Codingのシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
