Skip to content

Instantly share code, notes, and snippets.

View mrcgrtz's full-sized avatar

Marc Görtz mrcgrtz

49 followers · 71 following
View GitHub Profile
@mrcgrtz
mrcgrtz / button-png.txt
Created August 27, 2010 08:19
Scalable CSS3 soap buttons, fallback to gradient button in IE8 or lower
data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00(%00%00%00(%08%06%00%00%00%8C%FE%B8m%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0B%12%00%00%0B%12%01%D2%DD~%FC%00%00%00%1CtEXtSoftware%00Adobe%20Fireworks%20CS4%06%B2%D3%A0%00%00%11%9CIDATX%85U%98%E9W%DBV%FA%C7%3F%B2%BCK%5E0%06%0C%C6%C4%04%08Y%C8%09%09K%09%25C%934%93%A5%9Dv%FE%DA%CE%E9%9BN%CF%9C%244i%D2%09K%D8%C1%FB%8AW%D9%B2-%D9%92%7F%2Fr%A23%BF%FBRG%E7J%F7%B9%CFw%7BD%60%DC%E9tJ%86aH%80%B4%BA%BA*%C9%B2%2C%DD%B9sGJ%A5R%92%DDn%97L%D3%94VVV%A4Z%AD%26%0D%87C%E9%E7%9F%7F%96%06%83%81%D4%E9t%A4%C1%60%20%01R4%1A%954M%93%0C%C3%90dY%96~%FA%E9'%E9%F2%F2RZ%5E%5E%96dY%96%A6%A7%A7%A5r%B9%2C%3Dz%F4H%AA%D7%EB%92%AE%EBR0%18%94n%DE%BC)%15%8BE%E9%E5%CB%97%D2%E5%E5%A5%14%8B%C5%24%40%D24M%FA%E6%9Bo%241%12%89%C8~%BF_P%14Ep8%1CB%3C%1E%17%0E%0F%0F%85%CB%CBKazzZh4%1A%82%CF%E7%13%B2%D9%AC%D0%EF%F7%85%EB%D7%AF%0B%3B%3B%3B%C2%600%10%26%26%26%84z%BD.D%22%11%A1%DDn%0Bv%BB%5D%F0%FB%FD%C2%D7%95%C9d%84b%B1(t%3A%1DaeeE%18%19%19%11%DA%ED%B6%D0h4%84P(%24T*%15%A1V%AB%09%
@mrcgrtz
mrcgrtz / box-shadow.css
Created June 9, 2010 14:28
box-shadow for Opera, Gecko, Webkit and IE8.
.box-shadow {
-webkit-box-shadow: 0 1px 3px #aaa; /* Webkit */
-moz-box-shadow: 0 1px 3px #aaa; /* Gecko */
box-shadow: 0 1px 3px #aaa; /* CSS3 default, should be after vendor-specific properties */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=0, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=45, Strength=1)
progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=90, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=1)
progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=180, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=225, Strength=1)
@mrcgrtz
mrcgrtz / timestamp2excel.txt
Created June 8, 2010 08:30
Formula to convert a UNIX timestamp (in cell A1) to Excel date format.
=DATE(1970;1;1)+(LEFT(A1;10)/24/60/60)
@mrcgrtz
mrcgrtz / yql.php
Created May 31, 2010 23:26
My simple YQL helper function.
<?php
/**
* Get data via YQL
*
* @author Marc Görtz (http://marcgoertz.de/)
* @see https://gist.github.com/420381
* @license http://creativecommons.org/licenses/by-sa/3.0/de/
* @param string $select YQL query
* @param string $format output format, either 'json' or 'xml' (default: 'json')
* @param string $method HTTP method for accessing YQL (default: 'GET')
@mrcgrtz
mrcgrtz / hcalendar.html
Created May 6, 2010 08:27
HTML5 hCalendar snippet with Microformats and Microdata.
<section class="vevent" itemscope itemtype="http://microformats.org/profile/hcalendar#vevent">
<h1 class="summary" itemprop="summary"><a href="http://event.url/" class="url" itemprop="url" rel="bookmark">Event Title</a></h1>
<p class="description" itemprop="description">Event Description</p>
<ul>
<li>Datetime: <time class="dtstart" itemprop="dtstart" datetime="2010-05-06T19:00:00Z">May 6th @ 7pm</time> until <time class="dtend" itemprop="dtend" title="2010-05-06T21:00:00Z">9pm</time></li>
<li>Location: <span class="location" itemprop="location">Location</span></li>
</ul>
</section>
@mrcgrtz
mrcgrtz / favicon.html
Created May 6, 2010 08:13
Get a favicon as PNG image via Google.
<img src="http://www.google.com/s2/favicons?domain=yourdomain.tld" width="16" height="16" alt="Favicon">
@mrcgrtz
mrcgrtz / search.html
Created May 6, 2010 08:11
Safari-style search input field.
<input type="search" name="q" id="q" results="5" autosave="tld.yourdomain" placeholder="Type your search terms" autofocus>
@mrcgrtz
mrcgrtz / start.html
Created May 6, 2010 08:08
Valid HTML5 initial template with all possible omissions.
<!DOCTYPE html>
<meta charset=utf-8>
<title>Start</title>
@mrcgrtz
mrcgrtz / buttons.css
Created April 23, 2010 11:38
Scalable CSS3 gradient buttons
/* @group Buttons */
button , .button {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
cursor: pointer;
color: #fff;
background: #f60;
background: #f60 -moz-linear-gradient(top, #ff8f00, #ff4f00);
background: #f60 -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8f00), color-stop(1, #ff4f00));
@mrcgrtz
mrcgrtz / country-list-german.html
Created April 21, 2010 20:14
German country SELECT element in HTML
<select name="country">
<option value="DE" selected>Deutschland</option>
<option value="AT">Österreich</option>
<option value="CH">Schweiz</option>
<optgroup label="A">
<option value="AF">Afghanistan</option>
<option value="EG">Ägypten</option>
<option value="AX">Åland</option>
<option value="AL">Albanien</option>
<option value="DZ">Algerien</option>