dcalhoun

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

dcalhoun

import Foo from './Foo';
import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <Foo autostart={true} file="http://example.com" />
    );
  }
}

dcalhoun

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#

dcalhoun

ERROR in ./~/modernizr/lib/build.js
Module not found: Error: Cannot resolve module 'generate' in /Users/username/Sites/web/gn-join/node_modules/modernizr/lib
 @ ./~/modernizr/lib/build.js 151:2-72

ERROR in ./~/modernizr/lib/build.js
Module not found: Error: Cannot resolve module 'lib/generate-banner' in /Users/username/Sites/web/gn-join/node_modules/modernizr/lib
 @ ./~/modernizr/lib/build.js 151:2-72

ERROR in ./~/modernizr/lib/build.js
Module not found: Error: Cannot resolve module 'package' in /Users/username/Sites/web/gn-join/node_modules/modernizr/lib

dcalhoun

'use strict';

import gulp from 'gulp';
import config from '../config';
import browserSync from 'browser-sync';

gulp.task('default', gulp.parallel('html', 'scripts', 'styles', 'server', () => {
  gulp.watch(config.paths.html.all, gulp.parallel('html', gulp.series('html', browserSync.reload)));
  gulp.watch(config.paths.scripts.all, gulp.parallel('scripts', browserSync.reload));
  gulp.watch(config.paths.styles.all, gulp.parallel('styles', browserSync.reload));

dcalhoun

var gulp = require('gulp'),
    $ = require('gulp-load-plugins')(),
    browserSync = require('browser-sync'),
    runSequence = require('run-sequence'),
    del = require('del');

  var paths = {
        app:      'app',
        html:     'app/**/*.html',
        styles:   'app/styles/**/*.scss',

dcalhoun

[Error] Blocked a frame with origin "https://cdn3.doubleverify.com" from accessing a frame with origin "http://www.espnfc.com".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

	execMultipleAds (t2tv7.html, line 21)
	exec (t2tv7.html, line 23)
	loadTag2Tag (t2tv7.html, line 25)
	global code (t2tv7.html, line 26)
[Error] Blocked a frame with origin "https://cdn3.doubleverify.com" from accessing a frame with origin "http://tpc.googlesyndication.com".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

	execMultipleAds (t2tv7.html, line 21)
	exec (t2tv7.html, line 23)

dcalhoun

var gulp      = require('gulp'),
    q         = require('q'),
    path      = require('path'),
    fs        = require('fs'),
    Grunticon = require('grunticon-lib');

gulp.task('icons', function () {
  var deferred = q.defer(),
      iconDir = 'app/images/icons/',
      options = { enhanceSVG: true };

dcalhoun

// WebKit
window.matchMedia('(min-width: ' + document.width + 'px)').matches // true

// Every other browser engine
window.matchMedia('(min-width: ' + document.width + 'px)').matches // false

// Somewhat outdated explanation
// http://www.sitepoint.com/rwd-scrollbars-is-chrome-better/

dcalhoun

// Position icon background image
@mixin icon($index, $y: 0, $width: 80px) {
  background-position: #{($index * -$width)} $y;
}