マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
[メモ] Aptana Studio 2.0 日本語化とzen-coding
twitter facebook hatena google pocket じわっと浸透中のzen-codingやろうとAptana Studio 2.0を入れてみました。 今回はAptana Studio 2.0の日本語化手順とzen-coding利用までについてメモしておきます。 sponsors zen-codingとは そもそもzen-codingとはというところですが、上記の画像のような記述html:5で変換すると、関連する記述が表示されるというもの。 ほかにもdiv#headerと書けば、<div id="header"></div>に変換されます。 これにより、記述速度が3～5倍にもなると話題になっていたり、いなかったり。 今回はそのzen-codingをWebオーサリングツールのAptana Studio 2.0で使用してみます。 Aptana Studio 2.0の日本語
![[メモ] Aptana Studio 2.0 日本語化とzen-coding](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1d08667ffe9d611c3db2bd825319913a71bc861/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2010%2F02%2Faptana_zen2-thumb-300x315-380.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
