Visual Studio Zen Coding is a visual studio plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing.
Just type HTML tag in zen syntax and press alt + z to expand tag to normal form. Its so smooth as touching a flower.
Visual Studio Zen Coding 2012
how can we able to forgot the great author!!! grt thanks to danny_su, for such a awesome plugin
If u had any trouble just ask, Happy to help u :)
Stay Tune... Have a nice day... 'N happy Coding :)
Just type HTML tag in zen syntax and press alt + z to expand tag to normal form. Its so smooth as touching a flower.
Zen HTML Selectors
E#name
div#name
<div id="name"></div>
E.name
div.name
<div class="name"></div>
div.one.two
<div class="one two"></div>
div#name.one.two
<div id="name" class="one two"></div>
E>E
head>link
<head> <link/> </head>
table>tr>td
<table> <tr> <td></td> </tr> </table>
ul#name>li.item
<ul id="name"> <li class="item"></li> </ul>
E+E
p+p
<p></p> <p></p>
div#name>p.one+p.two
<div id="name"> <p class="one"></p> <p class="two"></p> </div>
E[attr]
Added in v0.6p[title]
<p title=""></p>
td[colspan=2]
<td colspan="2"></td>
span[title="Hello" rel]
<span title="Hello" rel=""></span>
E|filter
Added in v0.6p.title|e
<p class="title"></p>Read Filters for more info
E*N
p*3
<p></p> <p></p> <p></p>
ul#name>li.item*3
<ul id="name"> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ul>
E*N$
p.name-$*3
<p class="name-1"></p> <p class="name-2"></p> <p class="name-3"></p>
select>option#item-$*3
<select> <option id="item-1"></option> <option id="item-2"></option> <option id="item-3"></option> </select>
E+
ul+
<ul> <li></li> </ul>
table+
<table> <tr> <td></td> </tr> </table>
dl+
<dl> <dt></dt> <dd></dd> </dl>
how can we able to forgot the great author!!! grt thanks to danny_su, for such a awesome plugin
If u had any trouble just ask, Happy to help u :)
Stay Tune... Have a nice day... 'N happy Coding :)
No comments:
Post a Comment