IonDen

What forces layout / reflow

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

IonDen

var trigger = function (el, type) {
    var event;
    if (document.createEvent) {
        event=document.createEvent('HTMLEvents');
        event.initEvent(type,true,true);
    } else {
        event=document.createEventObject();
        event.eventType=type;
    }
    

IonDen

$(".test_range").ionRangeSlider({
    min: 100,
    max: 1000,
    from: 550
    step: 10
});

IonDen

Frontend Development

Attention: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.

• Guides
  • Hack Design
  • Designer School
  • TheExpressiveWeb
  • Talks To Help You Become A Better Front-End Engineer In 2013
• Web Development Teaching Materials