paulirish

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

jaibeee

#!/bin/sh
# Configure homebrew permissions to allow multiple users on MAC OSX.
# Any user from the admin group will be able to manage the homebrew and cask installation on the machine.

# allow admins to manage homebrew's local install directory
chgrp -R admin /usr/local
chmod -R g+w /usr/local

# allow admins to homebrew's local cache of formulae and source files
chgrp -R admin /Library/Caches/Homebrew

MrOrz

BrowserSync with webpack

Tested under webpack-dev-server 1.7.0.

1. Clone this gist
2. npm install
3. npm start
4. Visit http://localhost:8080 (or http://192.168.x.x:8080) on multiple devices
5. Edit entry.js and hit save

JoelBesada

This is an example command for Backtick. A Backtick command consists of some executable JavaScript and a bit of metadata in JSON.

Here are the required steps to create a command:

1. Create a new Gist with a command.js and command.json file, or simply fork this one.

2. Write your JavaScript in command.js. This will be injected into and executed on the page the user is currently on when they run it.

3. Add some metadata to the command.json file:

• name: The name of the command.

andrewh

#!/usr/bin/env bash

set -e

FILES_TO_PRUNE="path_to_large_file_from_root_of_repo"

catch_error () {
  local cmd_name=$1
  local ret_code=$2
  if [ $ret_code -ne 0 ]; then

nu7hatch

# _utils.sh --- Utilities used across all the scripts.

set -e
set -o pipefail

# Prints spaces as a prefix to the command's output.
function prefixed {
    sed -e "s/^/       /"
}

lmullen

# GLOBAL CONFIGURATIONS
# -------------------------------------------------------------------
# See https://github.com/jigish/slate/wiki/Global-Configs

config defaultToCurrentScreen true
config secondsBeforeRepeat 0.4
config secondsBetweenRepeat 0.1
config keyboardLayout "qwerty"
config nudgePercentOf screenSize
config resizePercentOf screenSize

cobyism

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

guilhermepontes

const Application = ((d) => {
  const privateVariable = 'Private content'
  
  const __private = {
    cache: () => {
      this.link = d.querySelector('.link')
    },
    
    bind: () => {
      this.link.addEventListener('click', this.showContent, false)

Pushplaybang

(function($,sr){
 
  // debouncing function from John Hann
  // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
  var debounce = function (func, threshold, execAsap) {
      var timeout;
 
      return function debounced () {
          var obj = this, args = arguments;
          function delayed () {