Skip to content

Instantly share code, notes, and snippets.

View Paul-frc's full-sized avatar

Paul Browne Paul-frc

View GitHub Profile
@lkallioniemi
lkallioniemi / deuteranopia
Created August 26, 2016 06:38
Colorblind filters
javascript:var%20svg=document.createElementNS('http://www.w3.org/2000/svg','svg');var%20filter=document.createElementNS('http://www.w3.org/2000/svg',%20'filter');filter.setAttribute('id',%20'f2');var%20colorMatrix=document.createElementNS('http://www.w3.org/2000/svg',%20'feColorMatrix');colorMatrix.setAttribute('values','0.4251%200.6934%20-0.1147%200%200%200.3417%200.5882%200.0692%200%200%20-0.0105%200.0234%200.9870%200%200%200%200%200%201%200');filter.appendChild(colorMatrix);svg.appendChild(filter);document.body.appendChild(svg);document.body.setAttribute('style','-webkit-filter:url(%23f2);-moz-filter:url(%23f2);-ms-filter:%20url(%23f2);-o-filter:%20url(%23f2);filter:%20url(%23f2)');
anonymous
anonymous / index.html
Created January 28, 2016 17:03
JS Bin bv submit // source https://jsbin.com/rupafo
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="bv submit">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://rawgit.com/rickharrison/validate.js/master/validate.min.js"></script>
<script src="https://rawgit.com/larryosborn/JSONP/master/lib/jsonp.min.js"></script>
<!--<script src="https://rawgit.com/OscarGodson/JSONP/master/JSONP-min.js"></script>-->
@danharper
danharper / gulpfile.js
Last active April 11, 2024 08:31
New ES6 project with Babel, Browserify & Gulp
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));
@codler
codler / flex.less
Last active October 7, 2023 07:01
Prefix flex for IE10 and Safari / iOS in LESS
/*! Prefix flex for IE10 and Safari / iOS in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */
.display(@value) when (@value = flex) {
display: -ms-flexbox; // IE10
display: -webkit-flex; // Safari / iOS
}
.display(@value) when (@value = inline-flex) {