Skip to content

Instantly share code, notes, and snippets.

View sampotts's full-sized avatar

Sam Potts sampotts

561 followers · 28 following
View GitHub Profile
@sampotts
sampotts / async.js
Created January 18, 2015 00:54
Async SVG sprite/symbol loading
(function(d,p){
var a = new XMLHttpRequest(), b = d.body;
a.open("GET", p, !0);
a.send();
a.onload = function(){
var c = d.createElement("div");
c.style.display = "none";
c.innerHTML = a.responseText;
b.insertBefore(c,b.childNodes[0]);
}
@sampotts
sampotts / gulp-sprite.js
Created September 19, 2015 12:02
gulp.task("sprite", function () {
return gulp
.src(input)
.pipe(svgmin())
.pipe(svgstore())
.pipe(gulp.dest(output));
});
@sampotts
sampotts / sprite-async.js
Last active September 19, 2015 12:32
// ==========================================================================
// SVG sprite loading
// This file should be at the top of the body to avoid a flash
// ==========================================================================
// Loading SVG in with AJAX
// ---------------------------------
(function(url) {
var id = "svg-sprite",
cb = (window.location.host.indexOf("local.") === 0);
@sampotts
sampotts / use-svg-sprite-path.html
Created September 19, 2015 12:43
<svg role="img" class="icon"><use xlink:href="/path/to/sprite.svg#icon-poop"></svg>
@sampotts
sampotts / use-svg-sprite.html
Last active September 19, 2015 12:44
<svg role="img" class="icon"><use xlink:href="#icon-poop"></svg>
@sampotts
sampotts / icons.css
Last active September 19, 2015 13:06
// Base size icon styles
// --------------------------------------------
.icon {
fill: currentColor;
width: 24px;
height: 24px;
vertical-align: -3px;
}
@sampotts
sampotts / svg-pointer-events.css
Created September 19, 2015 13:19
// Icons inside elements
// --------------------------------------------
a svg,
button svg,
label svg {
pointer-events: none;
}
@sampotts
sampotts / redirect.html
Created May 10, 2016 00:43
<!doctype html>
<html>
<head>
<title>Redirecting...</title>
<meta http-equiv="refresh" content="0;URL=https://selz.com">
</head>
<body></body>
</html>
@sampotts
sampotts / get_form_values.js
Last active July 26, 2016 06:47
(function($) {
'use strict';
var values = {},
settings = [];
// Grab all inputs
$(".generated-form :input").each(function() {
var $input = $(this),
name = $input.attr("name"),
@sampotts
sampotts / embed-patch.js
Created September 23, 2016 06:59
;(function() {
if (!('MutationObserver' in window)) {
return;
}
var observer = new MutationObserver(function(mutations) {  
    console.log('mutation: ' + mutations.length);
    for(var m = 0; m < mutations.length; ++m) {
        for(var n = 0; n < mutations[m].addedNodes.length; ++n) {
            findEmbed(mutations[m].addedNodes[n]);