st3phan’s gists

st3phan / index.html

Last active December 26, 2015 08:09

Nested checkboxes. Do not return parents checkboxes when it has child checkboxes checked.

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<ul id="thingy">
	<li><span><input type="checkbox" checked /></span>

st3phan / phantom.js

Created December 4, 2012 09:37

Creating screenshots of HTML elements using PhantomJS

	var page = require('webpage').create();
	page.open('/url', function () {

	var items = ['selector1', 'selector2', 'selector3'];
	var items_length = items.length;

	for (var i = 0; i < items_length; i++) {
	var clipRect = page.evaluate(function (s) {
	var cr = document.querySelector(s).getBoundingClientRect();
	return cr;

st3phan / countdown timer

Created November 22, 2012 21:14 — forked from Squizzer/countdown timer

A html/js countdown timer with some comments to help you :)

	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript">

	function cdtd() {
	var wo = new Date("August 13, 2013 10:30:30");
	var now = new Date();
	var timeDiff = wo.getTime() - now.getTime();
	if (timeDiff <= 0) {

st3phan / gist:4078229

Created November 15, 2012 11:43 — forked from pixelpogo/gist:1222411

How to simulate low bandwidth on mac os x

	# try
	# 48kbit/s for Dialup
	# 64kbit/s for Edge
	# 384kbit/s for 3G
	# 768kbit/s for DSL
	# 1572kbit/s for T1
	#
	# to simulate low bandwidths.
	#
	# And: You can play with the delay option.

st3phan / _shared.scss

Created June 18, 2012 11:30 — forked from rickharris/_shared.scss

Media queries with IE support using Sass 3.2 features

	// Using this structure, this file should be your canonical stylesheet where
	// everything would be imported into, so that you can just `@import "shared";`
	// in both your normal and IE stylesheets, only having to add libraries and
	// such in one place.

	// These styles are just a contrived example.
	body {
	font-size: 18px;
	@include respond-to(desktops) {
	color: blue;

st3phan / _shared.scss

Created June 4, 2012 10:08 — forked from rickharris/_shared.scss

Media queries with IE support using Sass 3.2 features

	// Using this structure, this file should be your canonical stylesheet where
	// everything would be imported into, so that you can just `@import "shared";`
	// in both your normal and IE stylesheets, only having to add libraries and
	// such in one place.

	// These styles are just a contrived example.
	body {
	font-size: 18px;
	@include respond-to(desktops) {
	color: blue;

st3phan / hack.sh

Created March 31, 2012 14:14 — forked from erikh/hack.sh

OSX For Hackers

	#!/usr/bin/env sh

	##
	# This is script with usefull tips taken from:
	# https://github.com/mathiasbynens/dotfiles/blob/master/.osx
	#
	# install it:
	# curl -sL https://raw.github.com/gist/2108403/hack.sh \| sh
	#

st3phan / dabblet.css

Created March 26, 2012 09:41 — forked from jakearchibald/dabblet.css

Transitioning via translate (uses sub-pixel == smoother)

st3phan / jquery.images-loader-deferred.js

Created February 15, 2012 14:48 — forked from joachimdoerr/jquery.images-loader-deferred.js

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'),

st3phan / dabblet.css

Created January 4, 2012 16:16 — forked from kizu/dabblet.css

Centered heading with rules

Stephan van Opstal st3phan