englishextra’s gists

englishextra / loadExt.js

Created July 4, 2017 22:25 — forked from Aymkdn/loadExt.js

To load JS and CSS files with vanilla JavaScript

	// long version
	function loadExt(files, after) {
	var _this=this;
	_this.files = files;
	_this.js = [];
	_this.head = document.getElementsByTagName("head")[0];
	_this.after = after \|\| function(){};
	_this.loadStyle = function(file) {
	var link = document.createElement("link");
	link.rel = "stylesheet";

englishextra / .eslintrc

Created June 13, 2017 21:30 — forked from cletusw/.eslintrc

ESLint Reset - A starter .eslintrc file that resets all rules to off and includes a description of what each rule does. From here, enable the rules that you care about by changing the 0 to a 1 or 2. 1 means warning (will not affect exit code) and 2 means error (will affect exit code).

	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"defaultParams": false, // enable default function parameters
	"forOf": false, // enable for-of loops
	"generators": false, // enable generators
	"objectLiteralComputedProperties": false, // enable computed object literal property names

englishextra / function-bind.js

Last active May 1, 2017 22:11 — forked from Daniel-Hug/function-bind.js

Polyfill for Function.prototype.bind

	/*!
	* Polyfill for Function.prototype.bind
	* @see {@link https://gist.github.com/Daniel-Hug/5682738}
	* @see {@link https://gist.github.com/englishextra/db0f22a60e59de86c19f174938c09529}
	*/
	if (!Function.prototype.bind) {
	Function.prototype.bind = (function () {}).bind \|\| function (b) {
	if (typeof this !== "function") {
	throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
	}

englishextra / testing.html

Created March 23, 2017 19:27 — forked from rowanmanning/testing.html

HTML template for testing CSS

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>CSS Testing</title>
	</head>
	<body id="top">


	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

englishextra / font_variables.scss

Created March 13, 2017 15:35 — forked from jacrook/font_variables.scss

Sass Css Font Stack Variables


	//////////////////////////////////////////////////////////////
	// Font Variables (http://cssfontstack.com/)
	//////////////////////////////////////////////////////////////

	//
	// Serif font-stacks
	//

	$baskerville-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;

englishextra / swipe.js

Created March 2, 2017 12:00 — forked from SleepWalker/swipe.js

A simple swipe detection on vanilla js

	var touchstartX = 0;
	var touchstartY = 0;
	var touchendX = 0;
	var touchendY = 0;

	var gesuredZone = document.getElementById('gesuredZone');

	gesuredZone.addEventListener('touchstart', function(event) {
	touchstartX = event.screenX;
	touchstartY = event.screenY;

englishextra / feature-detect flexbox.js

Created February 28, 2017 16:55 — forked from davidhund/feature-detect flexbox.js

The simplest feature-detect for flexbox?

	/*
	* Trying to feature-detect (very naive)
	* CSS Flexbox support.
	* - Only most modern syntax
	*
	* Is this nonsense?
	*/

	(function NaiveFlexBoxSupport(d){
	var f = "flex", e = d.createElement('b');

englishextra / common-media-queries.css

Created January 23, 2017 20:06

Common Media Queries

	/* This is a small sampling of the various approaches to media queries. The
	point is: they're all over the board. Part of the "issue" (if you can call
	it that) may be due to the intended audience of each site/framework. Another
	may be that it's really difficult to test for a lot of different devices.
	Regardless, it would be really nice if there was standard baseline that
	could be used as a starting point for maximum compatibility and coverage. */

	/* ==========================================================================
	Frameworks
	========================================================================== */

englishextra / index.html

Created January 4, 2017 21:43 — forked from anonymous/index.html

// source https://jsbin.com/lorogac

	<!DOCTYPE html>

	<!-- Edit this and the preview will update automatically. -->
	<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'>
	<rect width='6' height='6' fill='transparent'/>
	<rect width='2' height='2' fill='#474747'/>
	</svg>

englishextra / index.html

Created December 31, 2016 22:54 — forked from anonymous/index.html

Isotope - packery gutter

	<h1>Isotope - packery gutter</h1>

	<div class="grid">
	<div class="grid-item grid-item--width2"></div>
	<div class="grid-item grid-item--height2"></div>
	<div class="grid-item"></div>
	<div class="grid-item"></div>
	<div class="grid-item grid-item--width2 grid-item--height2"></div>
	<div class="grid-item grid-item--width2"></div>
	<div class="grid-item grid-item--width2"></div>

englishextra englishextra