Skip to content

Instantly share code, notes, and snippets.

View rfessler's full-sized avatar

RICK FESSLER rfessler

2 followers · 0 following
  • Independant
  • Columbus, Ohio
View GitHub Profile
@rfessler
rfessler / gist:9230321
Created February 26, 2014 14:24 — forked from markgoodyear/gist:9100177
// Define your plugins here, make sure you have `gulp-util`...
var gutil = require('gulp-util');
/**
* Define dev CLI flag
* Run `gulp --dev`
*/
var isDev = gutil.env.dev;
gulp.task('scripts', function() {
@rfessler
rfessler / a.css
Created January 11, 2013 15:02
storageExample using json
.rwb1 {background-color: red;}
.rwb2 {background-color: yellow;}
#container {
width: 200px;
height: 200px;
padding: 10px;
margin: 0 auto;
text-align: center;
}
@rfessler
rfessler / compass-config.rb
Created December 11, 2012 03:56
# ==============================================================================
# REQUIRED 3RD PARTY COMPASS EXTENSIONS
# ==============================================================================
require 'susy'
# ==============================================================================
# COMPASS PROJECT CONFIGURATION
# ==============================================================================
# Can be `:stand_alone` or `:rails`. Defaults to `:stand_alone`.
@rfessler
rfessler / HTML5 skeleton
Created December 3, 2012 02:28 — forked from omniosi/HTML5 skeleton
an HTML5 skeleton page with HTML5shiv, jQuery and fallback, and normalise styling
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>GREYnyc boilerplate</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <!-- Cross browser styling standardization -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <!-- Custom styling for this page -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- Cloud hosted jQuery code -->
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="path/to/your/jquery"><\/script>')</script> <!-- Local jQuery file fallback -->
<script src="js/script.js" charset="utf-8"></script> <!-- Custom scripts for this page -->
@rfessler
rfessler / 1_slower_sprite_file.scss
Created November 30, 2012 04:03 — forked from chriseppstein/1_slower_sprite_file.scss
This gist demonstrates how a generated sprite file can be optimized to shave some time off your compile.
@import "compass/utilities/sprites/base";
// General Sprite Defaults
// You can override them before you import this file.
$emblem-sprite-base-class: ".emblem-sprite" !default;
$emblem-sprite-dimensions: false !default;
$emblem-position: 0% !default;
$emblem-spacing: 0 !default;
$emblem-repeat: no-repeat !default;
@rfessler
rfessler / gist:4039463
Created November 8, 2012 15:27
GridView -sample code
<asp:GridView runat="server" ID="GridView1" CellPadding="4" ForeColor="#333333" GridLines="None"
OnRowDataBound="_GridViewLogs_RowDataBound" AutoGenerateDeleteButton="True">
<RowStyle BackColor="#EFF3FB" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />
@rfessler
rfessler / application.js
Created November 5, 2012 17:56
Tables - jquery sorting and filtering
$(document).ready(function() {
zebraRows('tr:odd td', 'odd');
$('tbody tr').hover(function(){
$(this).find('td').addClass('hovered');
}, function(){
$(this).find('td').removeClass('hovered');
});
//default each row to visible
@rfessler
rfessler / index.html
Created October 28, 2012 17:01
A CodePen by Chris Coyier. Don't Overthink It Grids - Writeup on CSS-Tricks : http://css-tricks.com/dont-overthink-it-grids/
<h1>Don't Overthink It Grids <em>(while we wait for flexbox)</em></h1>
<div class="grid">
<div class="col-2-3">
<div class="module">
<h3>2/3</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="col-1-3">
@rfessler
rfessler / default.html
Created October 26, 2012 20:22
JavaScript: css sprites for image tags
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.clipwrapper { position: relative; height: 48px; width: 48px; border:1px solid pink;}
.clip { position: absolute; top: 0; left: 0; }
@rfessler
rfessler / index.html
Created October 24, 2012 15:51
javascript: jquery error plugin
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>
</title>
</head>
<body>