| /* bling.js */ | |
| window.$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function (name, fn) { | |
| this.addEventListener(name, fn); | |
| } | |
| NodeList.prototype.__proto__ = Array.prototype; |
| // Creating Google’s “Material Design” in SCSS | |
| // (specifically Material Shadow, uses compass) | |
| // see: http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-paper-craft | |
| // Demo: http://codepen.io/stoikerty/full/Glwxi/ | |
| // Animating Box-Shadow is EXPENSIVE: | |
| // http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/#toc- | |
| // Moving between z-index-depths is done via opacity & multiple |
There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.
However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.
