| =justify | |
| text-align: justify | |
| line-height: 0 | |
| font-size: 0 | |
| text-justify: newspaper | |
| zoom: 1 | |
| text-align-last: justify | |
| &:after | |
| content: "" | |
| display: inline-block |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| Неделя jsunderhood. Все ссылки, которыми я с вами поделился | |
| http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html | |
| http://bost.ocks.org/mike/algorithms/ | |
| http://cdn.mozilla.net/pdfjs/tracemonkey.pdf | |
| http://confreaks.tv/videos/keeprubyweird14-opening-keynote | |
| http://confreaks.tv/videos/rubyconf2014-the-social-coding-contract | |
| http://eldar.djafarov.com/2013/11/reactjs-mixing-with-backbone/ | |
| http://ember.js/posts/animations-in-emberjs-with-liquidfire | |
| http://frameworksdays.com/event/mk-listochkin-emberjs/participants |
| const loop = (() => { | |
| const recur = (callback, count, i=0) => { | |
| if (i == count-1) return callback(i); | |
| callback(i); | |
| return recur(callback, count, i+1); | |
| }; | |
| return (callback, count) => { | |
| if (count > 0) return recur(callback, count); | |
| }; | |
| })(); |
| /* bling.js */ | |
| window.$ = document.querySelector.bind(document); | |
| window.$$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); }; | |
| NodeList.prototype.__proto__ = Array.prototype; | |
| NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); }; |
| /** | |
| * For more information see this tutorial: http://blog.webbb.be/use-jekyll-with-gulp/ | |
| * | |
| * Libs import | |
| * --> How to install? npm install --save-dev gulp-minify-html | |
| * @type {[type]} | |
| */ | |
| var gulp = require('gulp'), | |
| path = require('path'), |
| " A minimal vimrc for new vim users to start with. | |
| " | |
| " Referenced here: http://www.benorenstein.com/blog/your-first-vimrc-should-be-nearly-empty/ | |
| " Original Author: Bram Moolenaar <[email protected]> | |
| " Made more minimal by: Ben Orenstein | |
| " Last change: 2012 Jan 20 | |
| " | |
| " To use it, copy it to | |
| " for Unix and OS/2: ~/.vimrc |
| // In your mixin file | |
| =retina | |
| @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) | |
| @content | |
| // Call this mixin | |
| .something | |
| +retina | |
| something: something |
| // Weights | |
| $hairline-weight: 100; | |
| $thin-weight: 200; | |
| $light-weight: 300; | |
| $normal-weight: 400; | |
| $medium-weight: 500; | |
| $semibold-weight: 600; | |
| $bold-weight: 700; | |
| $xbold-weight: 800; | |
| $black-weight: 900; |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
