https://www.tewari.info/tag/html/Recent content in Html on Ash TewariHugoen-USWed, 06 Feb 2013 17:32:50 +0000https://www.tewari.info/2013/02/06/the-site44-workflow/Wed, 06 Feb 2013 17:32:50 +0000http://www.tewari.info/?p=418<p>A light weight development workflow with real-time website deployment.</p> <p>I recently built <a href="http://ash.site44.com/hero.html">a sample website</a> to illustrate <a href="http://blog.appliedis.com/2013/02/04/bootstrap-with-less/">how clean, semantic html</a> markup can be maintained when using <a href="http://twitter.github.com/bootstrap/index.html">Bootstrap&rsquo;s</a> <a href="http://twitter.github.com/bootstrap/scaffolding.html#gridSystem">grid system</a>. The solution is to use a <a href="http://lesscss.org">css pre-processor</a> to incorporate Bootstrap&rsquo;s <a href="http://lesscss.org">LESS</a> based <a href="http://twitter.github.com/bootstrap/extend.html#built-with-less">mixins</a> into your own .less files and push the Bootstrap instructions down into your stylesheets. There are two ways to &ldquo;compile&rdquo; .less stylesheets - use a <a href="http://winless.org/">stand-alone LESS compiler</a> or use <a href="https://github.com/cloudhead/less.js">less.js</a>. I found it very convenient to use <a href="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.min.js">less.js</a> (note that it is not recommended in production deployment). As I started working on developing the sample code I found it a bit cumbersome to work with an entire web application project in Visual Studio, considering I was working with some really simple sample client-side html, css. As I craved for an alternative, I stumbled on to a development workflow that is incredibly simple and a lot of fun. I call it the Site44 workflow. Site44 turns your dropbox folders into websites. And it is awesome! Here is what you do -</p>