edit-article

Article Description: ] discussion on open source ms tool 'web essentials' with Mads Kristensen (developer) @MSFT,

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">hanselminutes #377</h1> <ol> <li><strong>] LJ - <a href="http://hanselminutes.com/377/open-sourcing-web-essentials-mads-kristensen-and-the-front-end-developer" target="_blank">hanselminutes podcast# 377</a> -</strong></li> <ol> <li>] discussion on the open source MSFT tool 'web essentials' with lead developer / product manager Mads Kristensen of MSFT</li> </ol> <li><strong>] web essentials(VS-WE) &nbsp;is -&nbsp;</strong></li> <ol> <li>]&nbsp;an extension for the Visual Studio IDE that provides enhancements to the ] CSS editor ] HTML editor ] ...&nbsp;</li> <li>] extension like ] coderush, ] resharper extensions which provide diff</li> <li>] testbed / development spec for stuff that will/may eventually works its way into the VS&nbsp;ide</li> <li>] extensable -</li> <li>] open source</li> </ol> <li><strong>] css editor -</strong></li> <ol> <li><strong><span style="font-weight: normal;">] extends VS CSS editor w/METH Managed Extensibility framework</span></strong></li> <li><strong>] less -</strong> ( css precompiler, write your css files using the less lanugage (includes&nbsp;variables, mixins, &nbsp;...) less compiles it into valid css ), preview window,</li> <li><strong>] sass -&nbsp;</strong></li> </ol> <li>] <strong>html editor - ( also working on )</strong></li> <ol> <li><strong>]&nbsp;</strong></li> </ol> <li><strong>] javascript -</strong>&nbsp;</li> <ol> <li>jshint,&nbsp;</li> <li>code outlining,&nbsp;</li> <li>regions,&nbsp;</li> <li>minification on save,&nbsp;</li> <li>source maps,&nbsp;</li> <li>js doc comments,</li> </ol> <li><strong>] typescript -</strong> ms type safe language that compiles into javascript</li> <li><strong>] coffeescript -</strong> type safe language that&nbsp;compiles into javascript&nbsp;</li> <li>] Handlebars, mustache - templating engines(?js), syntax hi-lighting&nbsp;</li> <li>]&nbsp;</li> <li><strong>]&nbsp;VS-WE is now open source</strong></li> <ol> <li>] was previously developed by 1 guy(Mads)</li> </ol> <li><strong>] feature - examples&nbsp;</strong></li> <ol> <li>] css - hover on css rule - shows which&nbsp;browsers support a particular&nbsp;rule&nbsp;&nbsp;</li> <li>] paste json as class -</li> <li>] hijacked 'f1 help' - links to mads website, better help for css than at msdn, xml files linked to each w3c css module</li> </ol> <li><strong>] browser link ( aka artery)</strong></li> <ol> <li>] a bi-directional link between VS IDE and web browser</li> <li>] exstension for web essentials -</li> </ol> <li><strong>[reference]</strong></li> <ol> <li>web essentials - <a href="http://vswebessentials.com/" target="_blank">web site</a>, download,</li> <li>blog post on <a href="http://encosia.com/get-the-lowdown-on-visual-studio-2013-and-web-essentials/" target="_blank">VS 2013 &amp; Web Essentials</a>&nbsp;- Dave Ward</li> </ol></ol> <p style="text-align: left;">&nbsp;</p> <p style="text-align: left;">&nbsp;</p> <p style="text-align: left;">&nbsp;</p> <p style="text-align: left;">&nbsp;</p> <p style="text-align: left;">&nbsp;</p>