Ed Poole EdPoole
EdPoole
/ gulp-svgstore.js
Last active
August 29, 2015 14:13
— forked from davatron5000/gulp-svgstore.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var cheerio = require('gulp-cheerio'); | |
| var svgmin = require('gulp-svgmin'); | |
| var svgstore = require('gulp-svgstore'); | |
| gulp.task('svgstore', function () { | |
| return gulp | |
| .src('assets/icons/*.svg') | |
| .pipe(svgmin()) | |
| .pipe(svgstore({ fileName: 'icons.svg', prefix: 'icon-' })) | |
| .pipe(cheerio({ |
EdPoole
/ SelfPrintingDocument.html
Last active
August 29, 2015 14:08
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Document</title> | |
| <style> | |
| * { | |
| display: block; | |
| } | |
| html:before { content: "<!DOCTYPE html><html>" } | |
| html:after { content: "</html>" } |
EdPoole
/ centeredcontent.scss
Created
August 13, 2014 14:50
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .centered-content { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| } |
EdPoole
/ ChromeAutofillHack.css
Last active
August 29, 2015 13:55
On autofill inputs, Google Chrome adds a yellow background to the user agent stylesheet that *cannot* be unset by custom styles.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| input:-webkit-autofill { | |
| -webkit-text-fill-color: white; | |
| -webkit-box-shadow: 0 0 0 100px red inset; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function startup() { | |
| canvas = document.getElementById("canvas"); | |
| canvas = WebGLDebugUtils.makeLostContextSimulatingCanvas(canvas); | |
| canvas.addEventListener('webglcontextlost', handleContextLost, false); | |
| canvas.addEventListener('webglcontextrestored', handleContextRestored, false); | |
| window.addEventListener('mousedown', function() { | |
| canvas.loseContext(); | |
| }); |
EdPoole
/ rem-converter.scss
Created
May 16, 2013 18:02
Converts pixel values to rem values with pixel fallbacks.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $baseline_px: 16px; | |
| @mixin rem($property, $px_values) { | |
| $baseline_rem: ($baseline_px / 1rem); | |
| #{$property}: $px_values; | |
| @if type-of($px_values) == 'number' { | |
| #{$property}: $px_values / $baseline_rem; | |
| } @else { | |
| $rem_values: (); | |
| @each $value in $px_values { |
EdPoole
/ CSSAnimations.scss
Created
April 30, 2013 19:36
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin animation-delay($time) { | |
| -webkit-animation-delay: $time; | |
| -moz-animation-delay: $time; | |
| -o-animation-delay: $time; | |
| animation-delay: $time; | |
| } | |
| @-webkit-keyframes pulsating { | |
| 0% { -webkit-transform: scale(1) } | |
| 100% { -webkit-transform: scale(0) } |
EdPoole
/ VendorPrefixedGist.scss
Last active
December 11, 2015 02:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin vendorPrefix($property, $arguments) { | |
| -webkit-#{$property}: $arguments; | |
| -moz-#{$property}: $arguments; | |
| -ms-#{$property}: $arguments; | |
| -o-#{$property}: $arguments; | |
| #{$property}: $arguments; | |
| } | |
| /* HOW TO CALL IT */ |