Skip to content

Instantly share code, notes, and snippets.

View dallasbpeters's full-sized avatar

Dallas Peters dallasbpeters

View GitHub Profile
@dallasbpeters
dallasbpeters / Retina Mixin
Created December 17, 2012 16:18
A Sass Mixin for retina images.
@mixin image-2x($image, $width, $height) {
@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) {
/* on retina, use image that's scaled by 2 */
background-image: url($image);
background-size: $width $height;
}
@dallasbpeters
dallasbpeters / _solarized.scss
Created March 1, 2013 18:25
Solarized Scss
// the colors from Solarized that I use. ;)
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
@dallasbpeters
dallasbpeters / iOS-style-checkboxes.js
Created April 16, 2013 19:17
Our fixes for iOS-style-checkboxes.js
iOSCheckbox.prototype.optionallyResize = function(mode) {
var newWidth, offLabelWidth, offSpan, onLabelWidth, onSpan;
+ var minSize = 30;
onSpan = this.onLabel.find('span');
onLabelWidth = this._getDimension(onSpan, "width");
+ if (onLabelWidth < minSize) { onLabelWidth = minSize; }
onLabelWidth += parseInt(onSpan.css('padding-left'), 10);
offSpan = this.offLabel.find('span');
offLabelWidth = this._getDimension(offSpan, "width");
.wf-loading {
/* styles to use before Typekit is loaded */
}
.wf-active {
/* styles to use after Typekit is loaded */
}
:javascript
(function() {
var config = {
kitId: 'XXXXXXX',
scriptTimeout: 3000
};
var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
})();
p {
padding:.5em;
margin:1em;
-webkit-animation: target-fade 3s 1;
-moz-animation: target-fade 3s 1;
}
@-webkit-keyframes target-fade {
0% { background-color: rgba(239,203,96,0); }
30% { background-color: rgba(239,203,96,.4); }
@dallasbpeters
dallasbpeters / ios7-blurry-nav
Created September 27, 2013 18:28
ios7 blurry navbar
#header {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 44px;
line-height: 44px;
background: rgba(59,89,152,0.8);
padding: 0;
@dallasbpeters
dallasbpeters / sass-media-mixin
Created May 13, 2014 18:53
A Sass mixin for media queries
@mixin respond-to($media) {
@if $media == handhelds {
@media only screen and (max-width: 479px) { @content; }
}
@else if $media == wide-handhelds {
@media only screen and (min-width: 480px) and (max-width: 767px) { @content; }
}
@else if $media == tablets {
@media only screen and (min-width: 768px) and (max-width: 959px) { @content; }
}
@dallasbpeters
dallasbpeters / Ionic_Commands
Last active August 29, 2015 14:03
Ionic Startup and Commands
## To install Cordova, make sure you have Node.js installed, then run
$ sudo npm install -g cordova
## Install ionic
$ sudo npm install -g ionic
## Start a project
$ ionic start todo blank
$ cd todo
@dallasbpeters
dallasbpeters / gist:91260847cdaaca2530cd
Created December 20, 2014 15:32
7E267D0A-2840-4E1C-B122-9D6180776347.dmp.txt
This file has been truncated, but you can view the full file.
MDRawHeader
signature = 0x504d444d
version = 0xa793
stream_count = 7
stream_directory_rva = 0x20
checksum = 0x0
time_date_stamp = 0x549595ba 2014-12-20 15:28:58
flags = 0x0
mDirectory[0]