Skip to content

Instantly share code, notes, and snippets.

@Devric
Devric / gist:2006000
Created March 9, 2012 10:32
css: ie: box-shadow
/* box shadow */
-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
@Devric
Devric / gist:2006001
Created March 9, 2012 10:33
css: ie: opacity
/* opacity */
opacity:0.5;
filter: alpha(opacity = 50 );
@Devric
Devric / gist:2006010
Created March 9, 2012 10:35
css: ie: gradient
/* gradient */
background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */
@Devric
Devric / gist:2010145
Created March 10, 2012 04:33
js: quick micro template
// HTML
// ==================================
<script type="template" id="template">
<h2>
<a href="{{href}}">
{{title}}
</a>
</h2>
<img src="{{imgSrc}}" alt="{{title}}">
</script>
/*!
* jQuery Tiny Pub/Sub - v0.X - 11/18/2010
* http://benalman.com/
*
* Original Copyright (c) 2010 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*
* Made awesome by Rick Waldron
*
@Devric
Devric / gist:2006043
Created March 9, 2012 10:43
css: ie: rotate
/* rotate */
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
/*
ie only 4 rotations
1 = 90