Webflow
Macaw
Froont
Edge Reflow
HotGloo

//Talk about
- Backbone
- CodeMirror https://github.com/codemirror/CodeMirror/wiki/CodeMirror-addons
              http://codemirror.net/doc/realworld.html
- Spectrum https://github.com/bgrins/spectrum/wiki/Sites-Using-Spectrum
http://www.creativebloq.com/web-design/next-generation-tools-you-need-know-101517442
https://onepagelove.com
https://github.com/Kickball/awesome-selfhosted
https://github.com/andris9/mailtrain/issues/10

//Design it
http://themes.getbootstrap.com/products/marketing


Resources:
http://epiceditor.com/
https://github.com/silexlabs/Silex
https://github.com/voidlabs/mosaico
https://github.com/joemccann/dillinger
https://github.com/quilljs/quill/
https://github.com/summernote/summernote
https://github.com/josdejong/jsoneditor //Check 'Custom builds'
https://github.com/wellcaffeinated/PhysicsJS

showel-industries.com
http://stackoverflow.com/questions/15214762/how-can-i-sync-documentation-with-github-pages

CrossDomain iframe communication
http://softwareas.com/cross-domain-communication-with-iframes/

Custom inputs via JS
http://stackoverflow.com/questions/20354920/how-to-change-the-style-of-a-radio-button-with-javascript-when-clicked


if (this.model.get('property') == 'max-width') {
  console.log(this.model.cid, ': setValue ', this.model.get('property'),' valueNow: ', this.model.get('value'), ' valueComp: ', this.componentValue, 'Input ', this.$input && this.$input.get(0));
}

// Add fadeIn effect on add of the new component
editor.on('add:component', function(model) {
  var elStyle = model.view.el.style;
  elStyle.display = 'none';
  elStyle.opacity = 0;
  model.view.$el.slideDown(400)
    .animate( { opacity: 1 }, {
        queue: false,
        duration: 400,
        complete: function () {
          elStyle.opacity = '';
        }
      }
    );
});

// Custom inputs
<!--<script src="https://cdn.filestackcontent.com/Qwya5M4URvK9bUDszu39" data-rel="jquery-1.11.2"></script>-->
<!--<script src="https://cdn.filestackcontent.com/RbLWdzN6RWKNIuCKgL9w" data-rel="jquery.main"></script>-->
<script src="https://cdn.jsdelivr.net/cash/1.3.0/cash.min.js" data-rel="jquery-1.11.2"></script>
<script src="https://cdn.filestackcontent.com/RbLWdzN6RWKNIuCKgL9w" data-rel="jquery.main" defer></script>


Custom scrollbars

<div data-helper="1" class="scrollbar-track">scrollbar-track</div>
<div data-helper="1" class="scrollbar-thumb">scrollbar-thumb</div>
<div data-helper="1" class="scrollbar">scrollbar</div>

div[data-helper] {
  height: 100px;
}
.scrollbar-track,
* ::-webkit-scrollbar-track {
  background-color: red;
}
.scrollbar-thumb,
* ::-webkit-scrollbar-thumb {
  background-color: blue;
}
.scrollbar,
* ::-webkit-scrollbar
{
  width: 20px;
}

// Listen storage
editor.on('storage:load', function(obj) {
  console.log('loaded ', obj, 'from', editor.StorageManager.getCurrent());
});
editor.on('storage:store', function(obj) {
  console.log('stored ', obj, 'to', editor.StorageManager.getCurrent());
});
