akashdevaraju

Why Web Components?
===================
http://robdodson.me/blog/2013/03/17/why-web-components/
https://gist.github.com/ebidel/6314025

Shadow DOM
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/
http://blog.teamtreehouse.com/working-with-shadow-dom

akashdevaraju

<div class="control-group string required temp_property_landlord">
  <div class="controls">
    <div class="input-prepend">
      <span class="add-on"><i class="ss-icon ss-user"></i></span>
      <div class="tokenfield form-control" style="width: 100%;">
        <input class="string required" id="temp_property_landlord" maxlength="50" name="temp_property[landlord]" pattern="^[^0-9`!@#\$%\^&amp;*+_=]+$" size="50" type="text" tabindex="-1" style="position: absolute; left: -10000px;"><input type="text" tabindex="-1" style="position: absolute; left: -10000px;">
        <div class="token" data-value="xzxzxzxzx"><span class="token-label" style="max-width: 365px;">xzxzxzxzx</span><a href="#" class="close" tabindex="-1">×</a></div>
        <input type="text" class="token-input" placeholder="" id="temp_property_landlord-tokenfield" style="min-width: 60px; width: 289px;">
      </div>
    </div>

akashdevaraju

<!-- Latest compiled and minified CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>