👀

Scott Boms scottboms

👀

Tinkerer. Knows enough to be dangerous.

orderedlist / labels.scss

Created July 9, 2012 18:42

Simple Label Colors with SCSS

	$start-color:#2B73A2;
	$number: 12;

	@for $i from 1 through $number {
	.label-#{$i} {
	color:adjust_hue($start-color, ($i - 1) * (360 / $number));
	}
	}

nrrrdcore / border.css

Created May 2, 2012 20:44

Faded/Gradient Borders in Pure CSS

	.border-container {
	width: 28%; /* border will be on the left on this container */
	float: right;
	overflow: hidden; /* only needed if floating container */
	min-height: 600px; /* static height if you want your container to be taller than its content */
	-moz-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
	-webkit-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
	box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
	border-width: 0 0 0 1px;
	-webkit-border-image:

davist11 / 1 inspire.group index.html

Created April 19, 2012 01:17

Inspire Blog Templates

	{embed="_layouts/blog"
	blog_title="Inspire"
	blog_slug="inspire"
	blog_category_id="125"
	blog_description="Design & Interaction"
	blog_description_more="our three hundred foot view. Primarily written by/for UX designers, visual designers, and front-end developers."
	meta_description="Viget’s Inspire blog: discussing all things design & interaction including wireframing, typography, Photoshop tips and techniques, CSS, HTML5, and jQuery."
	rss="{gv_inspire_feed}"
	}

efedorenko / gist:2028193

Created March 13, 2012 11:22

Function for alpha blending

	// Turns out this function already exists in Sass: mix(fg, bg, %) (http://d.pr/mGqa)

	// Alpha blending

	@function blend($bg, $fg) {

	$r: red($fg) * alpha($fg) + red($bg) * (1 - alpha($fg));
	$g: green($fg) * alpha($fg) + green($bg) * (1 - alpha($fg));
	$b: blue($fg) * alpha($fg) + blue($bg) * (1 - alpha($fg));

anthonyshort / _media-queries.scss

Created March 13, 2012 10:37

Media Queries in Sass

	// Media Queries in Sass 3.2
	//
	// These mixins make media queries a breeze with Sass.
	// The media queries from mobile up until desktop all
	// trigger at different points along the way
	//
	// And important point to remember is that and width
	// over the portrait width is considered to be part of the
	// landscape width. This allows us to capture widths of devices
	// that might not fit the dimensions exactly. This means the break

siffring / .htaccess

Created March 4, 2012 17:33

htaccess to password protect a specific server

	# ----------------------------------------------------------------------
	# Password protect staging server
	# Use one .htaccess file across multiple environments
	# (e.g. local, dev, staging, production)
	# but only password protect a specific environment.
	# ----------------------------------------------------------------------

	SetEnvIf Host staging.domain.com passreq
	AuthType Basic
	AuthName "Password Required"

jcroft / layout.sass

Created March 1, 2012 04:51

How easy responsive design can be with Sass

	#content-wrapper
	+container

	#about

	// Default (smallest screens)
	+column(100%)
	background-color: #ccc

	// Respond to other screen widths

boucher / StripeTutorialPage.html

Created February 6, 2012 07:05

Stripe Tutorial Payment Form

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Stripe Getting Started Form</title>
	<script type="text/javascript" src="https://js.stripe.com/v1/"></script>
	<!-- jQuery is used only for this example; it isn't required to use Stripe -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript">
	// this identifies your website in the createToken call below

gferreira / interpolated-nudge-dialog.py

Created January 4, 2012 06:44

interpolated nudge dialog

	# [h] interpolated nudge dialog

	'''a simple RoboFont dialog for the famous "interpolated nudge" script'''

	# Interpolated Nudge for RoboFont -- Travis Kochel
	# http://tktype.tumblr.com/post/15254264845/interpolated-nudge-for-robofont

	# Interpolated Nudge -- Christian Robertson
	# http://betatype.com/node/18

aarongustafson / responsive-iframes.css

Created October 25, 2011 17:07

Responsive iFrames with jQuery