Phil Ricketts replete
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
| $.loadCss=function(css){$('head').append('<link rel="stylesheet" type="text/css" href="'+css+'">')}; |
replete
/ gist:3048826
Created
July 4, 2012 18:37
Add class to <body> based on viewport width (IE7+, possibly IE6+)
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
| var d = document, | |
| b = d.getElementsByTagName("body"), | |
| w = window, | |
| c = "className", | |
| v = (function() { return w.innerWidth || d.documentElement.clientWidth }), | |
| r = function () { | |
| i = v(); | |
| if (i < 181) { b[0][c] = "max-180"; return } | |
| if (i < 246) { b[0][c] = "max-245"; return } | |
| else { b[0][c] = "" } |
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
| @mixin image-2x($image1, $image2) { | |
| background-image: url($image); | |
| @media (min--moz-device-pixel-ratio: 1.3), | |
| (-o-min-device-pixel-ratio: 2.6/2), | |
| (-webkit-min-device-pixel-ratio: 1.3), | |
| (min-device-pixel-ratio: 1.3), | |
| (min-resolution: 1.3dppx) { | |
| background-image: url($image2); | |
| background-size: image-width($image1) image-height($image1); | |
| } |
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
| <%@ WebHandler Language="C#" Class="YuiCompressor" %> | |
| // Requirements: | |
| // bin/Yahoo.Yui.Compressor.dll (See the project on codeplex) | |
| // bin/EcmaScript.NET.dll | |
| // bin/EcmaScript.NET.dll | |
| // bin/Iesi.Collections.dll | |
| // | |
| // How to use this, in your templates or HTML: | |
| // |
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($){ | |
| $.fn.autoGrowInput = function(o) { | |
| o = $.extend({ | |
| maxWidth: 1000, | |
| minWidth: 0, | |
| comfortZone: 70 | |
| }, o); |
replete
/ updateVBA.sh
Created
March 15, 2013 15:55
script to update vagrant VM virtualbox additions to specified version.
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/sh | |
| #Update script for VBoxGuestAdditions | |
| VBA_VERSION=4.2.8 | |
| wget -c http://download.virtualbox.org/virtualbox/${VBA_VERSION}/VBoxGuestAdditions_${VBA_VERSION}.iso | |
| sudo mount VBoxGuestAdditions_${VBA_VERSION}.iso -o loop /mnt | |
| sudo sh /mnt/VBoxLinuxAdditions.run --nox11 | |
| rm -f VBoxGuestAdditions_${VBA_VERSION}.iso |
replete
/ syncHeightWrapper.js
Last active
December 18, 2015 04:49
Wrapper for jQuery.syncHeight(). Allows you to have multiple instances on a page with specifically instantiating them.
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
| // Hastily plonked together by @replete, phil@replete.nu | |
| /* Use like this: | |
| <div class="some-html-chunk" data-sync-height="a-unique-name">Foo</div> | |
| <div class="some-other-html-chunk" data-sync-height="a-unique-name">Bar</div> | |
| */ | |
| $('[data-sync-height]') | |
| .each(function(i,e){ |
replete
/ _easing.scss
Last active
December 21, 2015 16:28
CSS3 Cubic-bezier translations of typical easing classes, in SASS variable syntax.
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
| /*--------------------------------------------------------------- | |
| CSS Easing | |
| ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ | |
| https://gist.github.com/replete/6333588 | |
| Vanilla: #id { transition: 350ms all $ease } | |
| Compass: #id { @include transition(350ms all $ease) } | |
| ˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/ |
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) |
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; |