Patrick Danhof pixiebox
This file contains 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
| <!-- at the bottom of the body element --> | |
| <div id="fb-root"></div> | |
| <script type="text/javascript"> | |
| (function(d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)){ | |
| return; | |
| } |
pixiebox
/ touch detection from Modernizr
Last active
October 23, 2016 12:21
This file contains 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 () { | |
| /** | |
| * docElement is a convenience wrapper to grab the root element of the document | |
| * | |
| * @access private | |
| * @returns {HTMLElement|SVGElement} The root element of the document | |
| */ | |
| var docElement = document.documentElement; |
This file contains 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 dynamicAsset(script_name, cb) { | |
| var body = document.body, | |
| script = document.createElement('script'), | |
| done = false; | |
| script.type = 'text/javascript'; | |
| script.src = lang.templateUrl + '/dist/scripts/' + script_name; | |
| script.onload = script.onreadystatechange = function(){ | |
| if ( !done && (!this.readyState || |
This file contains 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 viewport() { | |
| var el = window, | |
| attr = 'inner'; | |
| if (!('innerWidth' in window )) { | |
| attr = 'client'; | |
| el = document.documentElement || document.body; | |
| } | |
| return { |
This file contains 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
| /* | |
| @note | |
| fallback iOS vh unit bug | |
| */ | |
| /* iPhone 4 */ | |
| @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { | |
| } |
pixiebox
/ skewed-border.css
Created
October 7, 2016 09:44
This file contains 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
| .element:before { | |
| content: ''; | |
| background: #000; | |
| bottom: 40%; | |
| height: 80%; | |
| position: absolute; | |
| transform: skewY(1deg); | |
| width: 100%; | |
| } |
This file contains 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
| // Deep Breaths // | |
| ////////////////// | |
| // Gulp | |
| var gulp = require('gulp'); | |
| // Sass/CSS stuff | |
| var sass = require('gulp-sass'); | |
| var prefix = require('gulp-autoprefixer'); | |
| var minifycss = require('gulp-minify-css'); |
This file contains 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></head> | |
| <body> | |
| <canvas id="canvas" width="500" height="300"></canvas> | |
| <script> | |
| var canvas = document.getElementById('canvas'); | |
| var context = canvas.getContext('2d'); | |
| var centerX = canvas.width / 2; | |
| var centerY = canvas.height / 2; |
This file contains 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>Responsive arrow</title> | |
| <style> | |
| div { | |
| background: #eb7261; | |
| position: relative; | |
| height: 200px; | |
| max-width: 600px; |
pixiebox
/ markerMenu
Last active
November 18, 2016 10:16
NewerOlder