Zen Coding – VS Studio Plugin

by Bill Beckelman 28. November 2009 12:13

Last week I saw an article on Ajaxian about Zen Coding which is a way to generate html markup and css from css selectors. Something like div#Dialog>fieldset>ol>li*3>label + a hotkey will create:

Code Snippet
  1. <div id="Dialog">
  2.     <fieldset>
  3.         <ol>
  4.             <li><label for=""></label></li>
  5.             <li><label for=""></label></li>
  6.             <li><label for=""></label></li>
  7.         </ol>
  8.     </fieldset>
  9. </div>

 

Pretty cool huh? Talk about saving a ton of typing. In its supported form, there are plugins for NetBeans, SlickEdit, Sublime, TextMate, TopStyle, UltraEdit and Aptana. Einar Egilsson was nice enough to setup a VS Plugin though that I have been using without issue for 5 or 6 days now. I would highly recommend giving it a try if your doing any frontend web development.

Comments


About Me

I live and work in Salt Lake City, Utah. My background is in aviation. I have a degree in Aeronautical Science from Embry-Riddle Aeronautical University in Prescott, AZ. I have worked as a commercial airline pilot and most recently as a technical advisor for a charter airline.