犬ターネット

zen-codingで覚えたいコマンド

2011-06-10 zen-coding

タグ名[プロパティ1=値1 プロパティ2=値2 ...]

a[href=http://example.com/ title=unko]

<a href="http://example.com/" title="unko"></a>

form:post[action=hoge.php name=f]

<form action="hoge.php" method="post" name="f"></form>

要素.class名$*数字 でカウントアップ

ul>li.class$*5

<ul>
<li class="class1"></li>
<li class="class2"></li>
<li class="class3"></li>
<li class="class4"></li>
<li class="class5"></li>
</ul>

+ショートカット

ul+

<ul>
<li></li>
</ul>

ol+

<ol>
<li></li>
</ol>

table+

<table>
<tr>
<td></td>
</tr>
</table>

select+

<select name="" id="">
<option value=""></option>
</select>

zen-coding 便利すぎてしぬ


運用中twitterボット(2016-02-18 更新)

キルマンデーズのテーマ