Skip to content

Instantly share code, notes, and snippets.

View Schepp's full-sized avatar

Christian Schaefer Schepp

320 followers · 2 following
View GitHub Profile
@Schepp
Schepp / gist:901516
Created April 4, 2011 11:47
CSS suggestion refering to http://www.cloudfour.com/examples/mediaqueries/image-test/
<style type="text/css">
@media all and (min-width: 501px) {
#test5 {background-image:url('test5-desktop.png');width:200px;height:75px;}
}
@media all and (max-width: 500px) {
#test5 {background-image:url('test5-mobile.png');width:200px;height:75px;}
}
/* ------------------------
Safari/WebKit parser barrier
Safari and WebKit mobile won't parse beyond this point
@Schepp
Schepp / gist:2567457
Created May 1, 2012 11:27
cd c:\wamp\www\project\assets
compass watch
@Schepp
Schepp / fontrendering-detect.html
Created May 30, 2012 09:09
GDI vs. good font rendering detection
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>GDI vs. good font rendering detection</title>
<script>
// Anonymous function - prevents collisions
(function(){
var fragment = document.createDocumentFragment(); // Creating a DOM fragment off the DOM
@Schepp
Schepp / putsmail
Created January 18, 2013 16:35
Puts Mail problem w/ Data URI
<html>
<head>
<title>Awesome Email Marketing!</title>
</head>
<body>
<BR>
<table width=69 height=24 bgcolor=ffffff cellpadding=0 cellspacing=0 border=0 style=background:url(data:image/gif;base64,R0lGODlhRQAYALMAACg5lf///8nN5F1qr5OcyvLz+FBdqXiDvDVFm9fa60JRouTm8mt2trzB3qiu1IaPwyH5BAAAAAAALAAAAABFABgAAAT/MMhJq704yyK6L1oojhTXEMQwKEDrvi4yMESzkPjFOceAwMCgEGAg3HKiBI81bDphBxCyohw8r1iXQZor8H7ZMPaA8zLE6PBIcEi7sQrRtyUbGFyqe52pOByYBlYKPkR2ADJgBg9nQgQYBQQOAZICLQMBDQUuAR0AD5IEAAocCQUsAgEAjlYCIACXVgycBQlBWxaQPwK1NC2rAUyTmg4PAaGwCgSnqasAHQ0MsM61B5UwCAkWDWAAZAJ3LQ4JBgFWAMYLCAKXoaMLbS2oquXObA7SnbZcG4wvA9nwElQydigAg3WaCB6ipIsZvQ4KFuD7dsPcvAoLwL3wA6BBqnOhpxY0eFWOwIMFIF8pI8PK4Z1OCYqxquTozj9cTGC0MuCR5ANnKGExEJmSzINiZyQN6FlPVTYrDgocLIfqgkUYBrK9e/XNUyUD38C2YROugBc6mRLAc+CASAc94kLUekO3CYKTIdrW3fuCgaQ1fOsi8LtvhMbAWRR5nLLhKmIhigszluDg8GMDBxxUnRxigQMGOdHIOFAjG2fOHVCYVMH6gWrNAo6czhEBADs);>
<tr align=left><td width=56 height=24>
<table width=56 height=24 bgcolor=#ffffff cellpadding=0 cellspacing=0>
<tr width=56 height=1>
@Schepp
Schepp / dabblet.css
Created February 4, 2013 18:38
Untitled
div {
color: red;
-webkit-text-fill-color: transparent;
background: url(http://www.bittbox.com/wp-content/uploads/2008/04/free_hires_wood_texture_5.jpg);
-webkit-background-clip: text;
}
p {
color: #8B4813; /* Color to key out. Best if a median of bg image colors */
font-size: 120px;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) /* Gradient fills with white */
@Schepp
Schepp / dabblet.css
Created February 18, 2013 19:57
Untitled
div {
color: red;
-webkit-text-fill-color: transparent;
background: url(http://www.bittbox.com/wp-content/uploads/2008/04/free_hires_wood_texture_5.jpg);
-webkit-background-clip: text;
}
p {
color: #8B4813; /* Color to key out. Best if a median of bg image colors */
font-size: 120px;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) /* Gradient fills with white */
@Schepp
Schepp / dabblet.css
Created February 18, 2013 19:58
CSS Variables test
/**
* CSS Variables test
*/
background: red;
-webkit-var-foo: green;
-moz-var-foo: green;
-o-var-foo: green;
var-foo: green;
@Schepp
Schepp / gist:5147513
Created March 12, 2013 22:03
Bookmarklet to have all stylesheets in the current page reload
javascript:(function(){$('link[rel="stylesheet"]').each(function(){var url=$(this).attr('href').replace(/[\?&][^\?&=]+=[0-9]+$/,'');url += (url.indexOf('?') == -1 ? '?' : '&') + 'nocache=' + (new Date()).getTime();console.log(url);$(this).attr('href',url);});})()
@Schepp
Schepp / gist:5594970
Created May 16, 2013 20:47
file_put_contents($filename,base64_decode(str_replace(array(
'data:image/jpeg;base64,',
'data:image/png;base64,',
'data:image/gif;base64,',
),'',$datauri)));
@Schepp
Schepp / gist:5638708
Created May 23, 2013 19:20
# This .htaccess needs Apache with:
# mod_rewrite
# mod_headers
# mod_proxy
# SSL certificate
# Proxies "https://api.twitter.com.cors-proxy.io/1.1/statuses/mentions_timeline.json?count=2&since_id=14927799"
# To: "https://api.twitter.com/1.1/statuses/mentions_timeline.json?count=2&since_id=14927799"
# All while setting CORS header on the fly