dvessel’s gists

dvessel / 0_selector_hacks.scss

Created February 1, 2013 05:16 — forked from chriseppstein/0_selector_hacks.scss

	@mixin ie6 { * html & { @content } }

	#logo {
	background-image: url("/images/logo.png");
	@include ie6 { background-image: url("/images/logo.gif"); }
	}

dvessel / css_splitter.rake

Created February 1, 2013 04:43 — forked from ChristianPeters/css_splitter.rake

	require 'rake'
	require 'css_splitter'

	desc 'split css files'
	namespace :css do

	task :split do
	infile = ENV['infile'] \|\| raise("missing infile")
	outdir = ENV['outdir'] \|\| File.dirname(infile)
	max_selectors = ENV['max_selectors'] \|\| 4095

dvessel / responsive.html

Created December 17, 2012 15:19 — forked from klaascuvelier/responsive.html

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }

dvessel / compass-retina-sprites.scss

Created November 21, 2012 14:37 — forked from thulstrup/compass-retina-sprites.scss

Using Compass to generate normal and retina sprite maps

	$sprites: sprite-map("sprites/*.png");
	$sprites-retina: sprite-map("sprites-retina/*.png");

	@mixin sprite-background($name) {
	background-image: sprite-url($sprites);
	background-position: sprite-position($sprites, $name);
	background-repeat: no-repeat;
	display: block;
	height: image-height(sprite-file($sprites, $name));
	width: image-width(sprite-file($sprites, $name));

dvessel / gist:3881806

Created October 12, 2012 22:00 — forked from schacon/gist:942899

delete all remote branches that have already been merged into master

dvessel / css-stats-ack.sh

Created September 28, 2012 18:09 — forked from pjkix/css-stats-ack.sh

shell script to generate some css file statistics

	#!/bin/bash

	## v1.0.6
	## this script will gernerate css stats

	### example output

	# CSS STATS
	# ----------
	# Floats: 132

dvessel / responsive.html

Created January 27, 2012 05:15 — forked from lensco/responsive.html

Simple responsive design test page. More info here: http://bricss.net/post/16538278376/simple-responsive-design-test-page Modified to follow links.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }

Joon dvessel