Skip to content

Instantly share code, notes, and snippets.

View greypants's full-sized avatar

Dan Tello greypants

153 followers · 7 following
View GitHub Profile
@greypants
greypants / application.scss
Created May 21, 2013 21:37
SCSS: application.scss strucutre
// Vendor helpers and resets
@import 'compass/css3';
@import 'normalize';
// Variables and mixins
@import 'setup/colors';
@import 'setup/defaults';
@import 'setup/fonts';
@import 'setup/mixins';
@greypants
greypants / compass.rb
Last active December 15, 2015 14:08
RUBY / COMPASS: Save global javascript variable references to generated sprite names
# Store javascript references to sprites in spriteList.js
# Author: dan.tello@viget.com
on_sprite_saved do |file_path|
# Path to file where sprite data is to be stored
javascript_file = "public/javascripts/base/compass_sprites.js"
path_segments = file_path.split('/public').last.split('/')
file_name = path_segments.pop
image_path = path_segments.join('/') + '/'
base_folder = path_segments[2]
parent_folder = path_segments[path_segments.length - 1]
@greypants
greypants / webkit-mask-image.css
Created March 8, 2013 20:13
CSS: border-radius mask fix
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
@greypants
greypants / _layout.php
Created March 4, 2013 21:53 — forked from jgarber623/_layout.php
PHP: Rails Layout
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php echo $page_title; ?></title>
</head>
<body>
<?php echo $content_for_layout; ?>
@greypants
greypants / jquery.placeholder.js
Created February 14, 2013 22:58
JS: Placeholder polyfill
createPlaceholders: function() {
var noPlaceholderSupport = $('html').hasClass('lte9');
if(noPlaceholderSupport) {
var createPlaceholder = function() {
var self = this;
var $this = $(this);
var isEmpty = true;
var placeholder = this.placeholder;
@greypants
greypants / placeholder.js
Created January 18, 2013 14:48
JS: Placeholder polyfill
createPlaceholders: function() {
var noPlaceholderSupport = $('html').hasClass('lte9');
if(noPlaceholderSupport) {
var createPlaceholder = function() {
var self = this;
var $this = $(this);
var isEmpty = true;
var placeholder = this.placeholder;
@greypants
greypants / dim-meta-characters.tmTheme
Created November 13, 2015 18:44
<dict>
<key>name</key>
<string>,</string>
<key>scope</key>
<string>meta.delimiter.comma</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#4E566B</string>
</dict>
@greypants
greypants / gist:4253097
Created December 10, 2012 20:25 — forked from madrobby/gist:4161897
CSS: Retina screen media query
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
/* Retina rules! */
}
@greypants
greypants / deferJs.html
Created December 9, 2012 19:53
PageSpeed defer javascript example
<script>
// Add a script element as a child of the body
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "deferredfunctions.js";
document.body.appendChild(element);
}
// Check for browser support of event handling capability
@greypants
greypants / wishlist.markdown
Created December 3, 2012 03:35
Dan's Wish List 2012