Skip to content

Instantly share code, notes, and snippets.

View rachelnabors's full-sized avatar
💜
Kicking ass, taking names

R L Nabors rachelnabors

💜
Kicking ass, taking names
View GitHub Profile
@KrofDrakula
KrofDrakula / curves.js
Created December 28, 2014 19:41
CSS Animation Bézier curve generator
(function(global) {
function extend(obj) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var name in source) if (source.hasOwnProperty(name))
obj[name] = source[name];
}
return obj;
}
@lrytz
lrytz / z-automator.png
Last active February 4, 2023 21:20
Shortcut for Syntax Highlighting in Keynote
@arminrosu
arminrosu / Gruntfile.js
Last active November 15, 2015 08:42
Compass SVG Sprite via Grunt
svgsprite: {
options: {
padding: 10,
prefix: 'icon',
layout: 'diagonal', // OR 'vertical' OR 'horizontal'
render: {
css: false,
compass: {
template: 'path/to/template.js',
dest: 'path/to/_svg_sprites.scss'
@rodneyrehm
rodneyrehm / gist:6464641
Last active September 18, 2020 02:53
Rachel Nabors: touch and click
// https://coderwall.com/p/yzlqpq
(function($){
function touch(event) {
event.preventDefault();
var runFunc = $(this).data('activateRunFunc');
runFunc && runFunc();
}
function click(event) {
event.preventDefault();
@mirisuzanne
mirisuzanne / about.md
Created December 9, 2012 01:56
Susy 2.0 Proposal

About This Proposal

This is a very rough proposal for a radical Susy 2.0 API overhaul.

The basic goals are:

  1. Flexible: Allow all the main layout approaches.
  • float / isolation
  • columns (symmetrical & asymmetrical) / fractions / explicit widths
  • gutters inside or outside - before, after, or split
@mirisuzanne
mirisuzanne / pop-stripe.md
Created July 19, 2012 05:42
Rainbow stripe mixin with SCSS + Compass

Rainbow stripe mixin with SCSS + Compass

I'm trying to make a horizontal rainbow stripe background gradient mixin, but I feel like this is way too verbose. How can it be better?

Goals:

  1. [check] Use variables for colors so they can be swapped out for different colors.
  2. [check] The widths are hard coded for 8 colors. Can it be done smarter where it adjusts to the number of colors you add? Or is that asking too much?
  3. [check] The colors are defined twice for the color starts and stops. Can this be done better?
  4. [see below] Right now I define the colors as variables at the top level, then pass them in the mixin. Should they instead be created inside the mixin and then colors are brought in as arguments? Or does that matter?
@nhunzaker
nhunzaker / config.ru
Created April 17, 2012 19:36
Well formated Wordpress with Compass
# Compass Configuration File
http_path = "/"
css_dir = "."
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
output_style = :compressed
line_comments = false
// Just a nice feature, returns another selector in the absence of
// a current one
jQuery.fn.or = function(s) {
return $(this).length? $(this) : $(s);
};
// Example:
$(".current").or("ul.gallery li:first-child").fadeIn();