Phil Ricketts replete
replete
/ osx_ramdisk.sh
Created
December 2, 2015 16:57
— forked from jnschulze/osx_ramdisk.sh
Move Chrome, Safari and iTunes Cache to Ramdisk.
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
| #!/bin/bash | |
| # Size at the end is * 2048 where 2048 = 1 MB, so 1572864 = 768 MB | |
| #DISK=`/usr/bin/hdiutil attach -nobrowse -nomount ram://1572864` | |
| DISK=`/usr/bin/hdiutil attach -nobrowse -nomount ram://2097152` | |
| /usr/sbin/diskutil erasevolume HFS+ "RamDiskCache" $DISK | |
| CACHEDIR="/Volumes/RamDiskCache/$USER" |
replete
/ stringToTemplate.ES6.js
Created
November 22, 2015 16:43
Allows strings to be parsed as if they were ES6 `template string interpolations`.
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
| // phil@replete.nu | |
| // Method for rendering normal strings as if they were ES6 `template strings like ${this}` | |
| String.prototype.toTemplate = function() { return this.replace(/(\$\{.*?\})/g, m => eval('`'+m+'`')) }; |
replete
/ gist:d70820808bf94f8763da
Last active
August 29, 2015 14:21
— forked from devongovett/gist:1381839
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
| /* | |
| * Minimal classList shim for IE 9 | |
| * By Devon Govett | |
| * MIT LICENSE | |
| */ | |
| if (!("classList" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') { | |
| Object.defineProperty(HTMLElement.prototype, 'classList', { | |
| get: function() { |
replete
/ FindDynamicUnCSSClasses.js
Created
May 11, 2015 18:48
Add this code to your site. Open your console. Click everything interactive. Copy CSS classes into UnCSS ignore list.
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(){ | |
| 'use strict'; | |
| // Feature Detection | |
| var MutationObserver = (function () { | |
| var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']; | |
| for(var i=0; i < prefixes.length; i++) { | |
| if(prefixes[i] + 'MutationObserver' in window) { | |
| return window[prefixes[i] + 'MutationObserver']; | |
| } |
replete
/ _lt-ie8-foundation-box-sizing.scss
Created
October 21, 2013 11:42
Zurb Foundation Grid 4/5 IE7 support.
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
| @charset "UTF-8"; | |
| /*--------------------------------------------------------------- | |
| IE6-7 Box-sizing polyfill, for Zurb ruleset | |
| ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ | |
| https://gist.github.com/replete/7082518 | |
| 1) Requires box-sizing.htc from https://github.com/Schepp/box-sizing-polyfill | |
| ˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/ |
replete
/ _lt-ie9-foundation-grid.scss
Last active
May 26, 2017 07:34
Foundation Zurb Grid 4/5 in IE7 & IE8.
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
| @charset "UTF-8"; | |
| /*--------------------------------------------------------------- | |
| IE78 - Zurb Foundation 4 Grid | |
| ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ | |
| https://gist.github.com/replete/7082477 | |
| (an enhanced fork of https://gist.github.com/zurbchris/5068210 ) | |
| 1) Make sure $row-width-px = your max large breakpoint row width (e.g. 960px) |
replete
/ zurb-foundation-4-orbit-thumbnails.html
Created
October 14, 2013 17:04
Add thumbnails to Orbit Bullets in Zurb Foundation 4.
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 class="no-js" lang="en"><head> | |
| <head> | |
| <title>Zurb Foundation 4 Orbit Thumbnails</title> | |
| </head> | |
| <body> | |
| <style type="text/css"> | |
| .orbit-bullets.has-thumbs { | |
| padding-left: 0; | |
| bottom: 0; |
replete
/ _block-grid-5.scss
Created
September 19, 2013 08:32
Zurb Foundation 5's missing block-grid (for 4.3)
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
| // | |
| // Block Grid Variables | |
| // | |
| $include-html-grid-classes: $include-html-classes !default; | |
| // We use this to control the maximum number of block grid elements per row | |
| $block-grid-elements: 12 !default; | |
| $block-grid-default-spacing: emCalc(20) !default; | |
| // Enables media queries for block-grid classes. Set to false if writing semantic HTML. |
replete
/ _block-grid-5-custom.scss
Created
September 14, 2013 12:03
I've re-aligned Zurb 4.3/5's (mainly adds 'medium') grid and block-grid to activate with corresponding media query breakpoints. See my full post at https://github.com/zurb/foundation/issues/3261
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
| // I've updated the Zurb4.3/5 Grid/block-grid systems to be in line with my suggestions at https://github.com/zurb/foundation/issues/3261 | |
| // http://github.com/replete | |
| // | |
| // Block Grid Variables | |
| // | |
| $include-html-grid-classes: $include-html-classes !default; | |
| // We use this to control the maximum number of block grid elements per row | |
| $block-grid-elements: 12 !default; |
replete
/ getLayoutBreakpoint.js
Last active
December 21, 2015 16:28
Conditional CSS Breakpoints: CSS screen-width Media Queries 'synced' with Javascript. Stores breakpoint name via CSS font-family on <head>. IE7+
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
| /* | |
| LayoutBreakpoints - Sync JS with your CSS media queries - yay! | |
| After painfully discovering that there is no hope for IE7 (and others) to read | |
| content properties with generated content, I resolved to this solution. | |
| If it doesn't work for you, you could easily change getElementsByTagName to | |
| getElementsById and pop an ID attribute onto an element of your choosing. | |
| See an example here: http://replete.github.io/FitTextNow/example.html (view-source) |