Dennis Schipper dennisschipper

dennisschipper / init.coffee

Last active April 24, 2016 19:45

automatic update by http://atom.io/packages/sync-settings

dennisschipper / html5shim.html

Created November 13, 2012 14:31

css shadows, borders & text shadows.css

<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

dennisschipper / 1.scss

Created July 27, 2012 19:29

reusable css 1

	//generic color variables

	$color : #595959; // Text Color
	$background : #fff; // Page abckground
	$border-color : #cecece; // Border color
	$text-focus : #404040; // Alternate text color for spans etc
	$font : helvetica, arial, verdana, sans-serif; // Font Stack

	body {
	color: $color;

dennisschipper / index_v1.html.erb

Created March 29, 2012 18:00

Build a (somewhat) static site with Middleman, SASS & Ruby

dennisschipper / basic.css

Created January 2, 2012 11:13

Sass Mixins

	A {
	-moz-transition: all 0.5s ease-in-out .2s;
	-webkit-transition: all 0.5s ease-in-out .2s;
	-ms-transition: all 0.5s ease-in-out .2s;
	-o-transition: all 0.5s ease-in-out .2s;
	transition: all 0.5s ease-in-out .2s;
	}

	A:hover {
	color: #006699;

dennisschipper / index.html

Created December 17, 2011 23:49

Html5 starter kit

	<!doctype html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="styles.css">
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	</head>
	<body>

	<div id="wrapper">

dennisschipper / generic_anchor_transition.css

Created December 16, 2011 20:34

Generic link transition

	A {
	-moz-transition: all .2s ease-in-out .2s;
	-webkit-transition: all .2s ease-in-out .2s;
	-ms-transition: all .2s ease-in-out .2s;
	-o-transition: all .2s ease-in-out .2s;
	transition: all .2s ease-in-out .2s;
	}

	A:hover {
	color: #006699;

dennisschipper / sass_install

Created November 23, 2011 13:29

Install the Sass gem

gem install sass

dennisschipper / styles.css

Created October 24, 2011 17:26

Telling media queries apart

	BODY:before { / create a box nefore the <body> to hold our stuff /
	display:block;
	border: 1px solid #c5c5c5;
	cursor: default;
	background: #404040;
	color: #fff;
	font-size: 0.7em;
	padding: 5px;
	margin: 5px;
	float: right;

dennisschipper / index.html

Created October 21, 2011 17:03

Mouseover effect with css transitions

	<!doctype html>
	<head>
	<title></title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>

	<div class="box_to_transform">
	<a href="#">
	<img src="http://www.designfordetails.com/blog/img/photoshop_logo.png">