brianyang

if(typeof console === "undefined") {
    console = { log: function() { } };
}

brianyang

alias dev-monokai="curl -O https://raw.github.com/gist/4045346/8f0d02c2eccdeb5b89150de6e895e59f7a36b624/apply-monokai.sh && sh apply-monokai.sh && rm apply-monokai.sh"
alias dev-tommorrow="curl -O https://raw.github.com/gist/4045346/6770ce4eb208d57bf495a23bbd0d0226a2f371ac/apply-tomorrow.sh && sh apply-tomorrow.sh && rm apply-tomorrow.sh"
alias dev-solarized="curl -O https://raw.github.com/gist/4045346/35fe6535dc1f11a7cb073725edf614510e79c411/apply-solarized.sh && sh apply-solarized.sh && rm apply-solarized.sh"
alias dev-tom80="curl -o  ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css https://raw.github.com/chriskempson/tomorrow-theme/master/Web%20Inspector/Tomorrow%20Night%20Eighties/Custom.css"
alias dev-darcy='curl -o ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css http://darcyclarke.me/dev/inspectorskin/Custom.css'

alias devcan-monokai="curl -O ~/Library/Application\ Support/Google/Chrome\ Canary/Default/User\ StyleSheets/Custom.css https

brianyang

/**********************************************/
/*
/* IR_Black Skin by Ben Truyman - 2011
/*
/* Based on Todd Werth's IR_Black:
/* http://blog.toddwerth.com/entries/2
/*
/* Inspired by Darcy Clarke's blog post:
/* http://darcyclarke.me/design/skin-your-chrome-inspector/
/*

Kartones

PSQL

Magic words:

psql -U postgres

Some interesting flags (to see all, use -h or --help depending on your psql version):

• -E: will describe the underlaying queries of the \ commands (cool for learning!)
• -l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)

ericelliott

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

sebmarkbage

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

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

hfreire

# Install QEMU OSX port with ARM support
sudo port install qemu +target_arm
export QEMU=$(which qemu-system-arm)

# Dowload kernel and export location
curl -OL \
https://github.com/dhruvvyas90/qemu-rpi-kernel/blob/master/kernel-qemu-4.1.7-jessie
export RPI_KERNEL=./kernel-qemu-4.1.7-jessie

# Download filesystem and export location

radum

Charles Proxy Map Remote over HTTP or HTTPS

The Map Remote tool changes the request location, per the configured mappings, so that the response is transparently served from the new location as if that was the original request.

HTTP

Using this feature for http resources does't require anything else apart from just configuring your Map Remote entry.

Always make sure you are clearing your cache before you test. Even if Charles is configured properly you might not see the changes unless the browser gets the resource again from the server and not for its local cache.

addyosmani

React HN (Universal rendering, Offline caching, optimisations)

• Repo: https://github.com/insin/react-hn
• Live: https://react-hn.appspot.com (Version with forced offline caching at https://react-hn-rest.appspot.com)
• Detailed breakdown: https://gist.github.com/addyosmani/6e25174135f4f0095de77f07ecf068df
• Lighthouse: First meaningful paint (target value: 1,000ms) 100 (382.25ms)
• Lightouse: Speed Index (target value: 1,000) 98 (1330)
• Preact HN - a Preact version of this app is also available

React + Webpack application using the PRPL pattern