st3phan’s gists

thulstrup / compass-retina-sprites.scss

Created March 20, 2012 19:18

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));

chriseppstein / 0_usage.scss

Created February 29, 2012 19:29

This is code that runs using Sass 3.2 prerelease and something like this will be in compass soon.

	@include keyframes(appear-and-roundify) {
	0% { opacity: 0; @include border-radius(2px); }
	100% { opacity: 1; @include border-radius(10px); }
	}

pithyless / ken-burns.css

Created February 18, 2012 22:56 — forked from thierryk/ken-burns.css

Ken Burns effect (styling images with panning and zooming effects)

	/**
	* See: http://www.css-101.org/articles/ken-burns_effect/css-transition.php
	*/

	/**
	* Styling the container (the wrapper)
	*
	* position is used to make this box a containing block (it becomes a reference for its absolutely positioned children). overflow will hide part of the images moving outside of the box.
	*/

daveaugustine / Inside_your_router.coffee

Created February 8, 2012 18:33

Super simple Google Analytics page tracking with backbone

	initialize: ->
	@bind 'all', @_trackPageview

	_trackPageview: ->
	url = Backbone.history.getFragment()
	_gaq.push(['_trackPageview', "/#{url}"])

bergantine / gist:1445036

Last active September 28, 2015 13:27

Responsive JS. #javascript #responsive

joachimdoerr / jquery.images-loader-deferred.js

Created November 26, 2011 10:37

jquery check: are images loading

	// deferred obj callback
	function loadImg(selector) {
	var dfd = $.Deferred();
	$(selector).load(function() { dfd.resolve(); });
	return dfd.promise();
	}

	// more elements
	$.when(
	loadImg('#img1'),

makeusabrew / 1) uglify.js

Created October 25, 2011 11:54

Watch a specified directory's JavaScript files and recompile a specified output file if any changes are detected

	/**
	* Sample usage - note that the trailing slash on the watch directory is important!
	*
	* node uglify.js /path/to/my/src/directory/ /path/to/my/output/file.js
	*/

	var jsp = require('uglify-js').parser,
	pro = require('uglify-js').uglify,
	fs = require('fs');

Integralist / Grid.css

Created September 13, 2011 08:56

Better CSS Grid System

	/*
	* Algorithm taken from:
	* http://csswizardry.com/2011/08/building-better-grid-systems/
	*/

	.row {
	width: (number of columns * width of one column) + (number of columns * width of one gutter) px;
	margin-left: -width of one gutter px;
	overflow: hidden;
	clear: both;

vasilisvg / responsive-context-images.html

Created September 7, 2011 10:50

Responsive context aware images without cookies or server logic

 <!doctype html>
 <!--
 WARNING!
 You probably shouldn't use this technique since images never show up
 if the script isn't loaded for one reason or another. Some reasons:
 - The content is viewed using a RSS reader
 - The content is viewed with a read-it-later service
 - The user has a flaky connection (hotel wifi, Dutch train, etc)
  -->

javan / gist:1168475

Created August 24, 2011 16:32

Fix iPhone home button

	Found this tip in comment here: http://www.tipb.com/2011/01/04/tipb-bug-home-button-working-iphone/

	1.) Open any application

	2.) Press and hold the power button until the slide to shutdown swipe bar appears.

	3.) Release Power button

	4.) Press and hold Home button Lightly
	until screen returns to icon screen

Stephan van Opstal st3phan