alexcarpenter’s gists

alexcarpenter / devto.svg

Last active April 30, 2018 13:37

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

alexcarpenter / gulpfile.js

Created February 11, 2018 15:42

gulpfile.js

	const gulp = require('gulp');
	const sourcemaps = require('gulp-sourcemaps');
	const sass = require('gulp-sass');
	const autoprefixer = require('gulp-autoprefixer');
	const cssnano = require('gulp-cssnano');
	const critical = require('critical');
	const imagemin = require('gulp-imagemin');
	const uglify = require('gulp-uglify');
	const changed = require('gulp-changed');
	const plumber = require('gulp-plumber');

alexcarpenter / gist:3a22519094f9a764b4d0986cb652da08

Created December 20, 2017 01:01

	10 silly lifecycle alexcarpenter_me@1.0.0~start: Args: [ '-c', 'NODE_ENV=development gulp watch' ]
	11 silly lifecycle alexcarpenter_me@1.0.0~start: Returned: code: 2 signal: null
	12 info lifecycle alexcarpenter_me@1.0.0~start: Failed to exec start script
	13 verbose stack Error: alexcarpenter_me@1.0.0 start: `NODE_ENV=development gulp watch`
	13 verbose stack Exit status 2
	13 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:280:16)
	13 verbose stack at emitTwo (events.js:126:13)
	13 verbose stack at EventEmitter.emit (events.js:214:7)
	13 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
	13 verbose stack at emitTwo (events.js:126:13)

alexcarpenter / intrinsic-ratios.html

Created December 7, 2017 02:55

Intrinsic Ratios with CSS

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>CSS Intrinsic Ratios</title>
	<style>
	body {
	max-width: 800px;

alexcarpenter / lazyloading.html

Last active December 8, 2017 13:52

How to lazyload images using lazysizes

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Lazy loading images</title>
	<style>
	body {
	max-width: 900px;

alexcarpenter / index.html

Created September 27, 2017 12:23 — forked from shelldandy/typekit.html

Master Race Typekit Solution by Glen Maddern

	<head>
	<script>
	if (window.localStorage && window.localStorage._tk_cache) {
	document.documentElement.classList.add('wf-active');
	var script = document.createElement('script');
	script.innerHTML = localStorage._tk_cache + ";(function () {var timeout = setTimeout(function () {document.documentElement.classList.remove('wf-active');}, 300); Typekit.load({ async: false, active: function () { clearTimeout(timeout); }});})();";
	document.head.appendChild(script);
	}
	window._tk_onload = function () {
	var req = new XMLHttpRequest()

alexcarpenter / axios.js

Created July 11, 2017 16:17 — forked from carlcs/axios.js

	import qs from 'qs';
	import Axios from 'axios';

	Axios.defaults.baseURL = Craft.baseUrl;
	Axios.defaults.headers.common['Accept'] = 'application/json';
	Axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
	Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

	Axios.interceptors.request.use(config => {
	if (config.data === Object(config.data)) {

alexcarpenter / img.html

Created December 9, 2016 20:00 — forked from brettburwell/img.html

Craft macro to centralize the markup and config for responsive images


	{# ================================================================== #}
	{# ================================================================== #}
	{# Responsive Images
	{# ================================================================== #}
	{# ================================================================== #}
	{#
	{% import '_macros/img' as macroImg %}
	Macro to centralize the markup and config for responsive images.

alexcarpenter / trunkdjs-a9f1f17.js

Last active October 17, 2016 23:51

	class Trunkd {
	constructor(container, options = {}) {
	this.container = container \|\| '.trunkd';
	this.options = {
	antecedent: options.antecedent \|\| 'Recommended by:',
	consequent: options.consequent \|\| 'others',
	seperator: options.seperator \|\| ','
	}

	const sum = arr => arr.reduce((a, b) => a + b);

alexcarpenter / functional-utils.js

Created October 5, 2016 20:43 — forked from bendc/functional-utils.js

A set of pure and immutable ES2015 functions aimed to make functional JavaScript more idiomatic.

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)

Alex Carpenter alexcarpenter