potch

let index = ({title, name}) => `
  <h1>${title}</h1>
  ${name ? `
    <h2>Hello, ${name}.</h2>
  `:`
    <a href="#">Log in here</a>
  `}

  <div>footer</div>
`;

jdembowski

<?php
/*
Plugin Name: Tin Foil Hat Gravatars
Description: Use Gravatars but don't use Gravatars. What? Shut up.
Author: Jan Dembowski
Author URI: https://blog.dembowski.net/
Version: 0.7
License: GPL2
*/

dfrankland

body {
    background-image:
      linear-gradient(45deg, #ccc 25%, transparent 25%), 
      linear-gradient(135deg, #ccc 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #ccc 75%),
      linear-gradient(135deg, transparent 75%, #ccc 75%);
    background-size:25px 25px; /* Must be a square */
    background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
}

ayamflow

// Add on element with overflow
-webkit-mask-image: -webkit-radial-gradient(white, black);

erikcox

Adding Hidden Agendas
Adjusting Bell Curves
Aesthesizing Industrial Areas
Aligning Covariance Matrices
Applying Feng Shui Shaders
Applying Theatre Soda Layer
Asserting Packed Exemplars
Attempting to Lock Back-Buffer
Binding Sapling Root System
Breeding Fauna

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

danharper

var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('babelify');

function compile(watch) {
  var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));

lyzadanger

var through = require('through2');
var gutil   = require('gulp-util');

// Anything in this scope will execute once on `require`

module.exports = function thisIsMyGulpPlugin() {
  // Do some stuff here if you want
  // Anything at this scope level will execute once per
  // task-level stream (i.e. every time a task is invoked
  // and the stream piped through this plugin)

bjhomer

//The very slow, but more semantically correct way
osascript -e 'tell application "VoiceOver" to activate'
osascript -e 'tell application "VoiceOver" to quit'


// The really fast way. (96 is the keycode for F5.)
osascript -e 'tell application "System Events" to key code 96 using command down'

markgoodyear

// Define your plugins here, make sure you have `gulp-util`...
var gutil = require('gulp-util');

/**
 * Define dev CLI flag
 * Run `gulp --dev`
 */
var isDev = gutil.env.dev;

gulp.task('scripts', function() {