Skip to content

Instantly share code, notes, and snippets.

View yatil's full-sized avatar
💭
Workin’

Eric Eggert yatil

💭
Workin’
View GitHub Profile
<figure>
<img src="#" alt="sunset on the beach" aria-labelledby="myid">
<figcaption id="myid">What a beautiful day!</figcaption>
</figure>
@yatil
yatil / anzeige.html
Created November 26, 2010 18:52 — forked from botic/anzeige.html
<!-- Zweiter Versuch --->
<article>
<hgroup>
<h2>Weitersagen!</h2>
<h1>Die führende Social Media Agentur Europas sucht:</h1>
</hgroup>
<ul>
<li>Online Designer (<abbr title="männlich">m</abbr>/<abbr title="weiblich">w</abbr>)</li>
<li>Online Konzeptionierer (<abbr title="männlich">m</abbr>/<abbr title="weiblich">w</abbr>)</li>
</ul>
@yatil
yatil / copy_to_functions.php
Created July 12, 2011 06:41
html5 input types in wordpress w/ required attribute
<?php
/*
Plugin Name: html5 input-types
Plugin URI: http://notizblog.org/
Description: Adds the new HTML5 input-types to WordPress' default forms
Version: 0.1
Author: pfefferle
Author URI: http://notizblog.org/
*/
alfredapp://customsearch/caniuse/caniuse/ascii/url=http://caniuse.com/#eras=past,now,near&nodetails=1&search={query}
@yatil
yatil / gist:1111608
Created July 28, 2011 14:03
Copy this to your browsers url bar and hit Enter
alfredapp://customsearch/caniuse/caniuse/ascii/url=http://caniuse.com/#eras=past,now,near&nodetails=1&search={query}
@yatil
yatil / beanstalkrevisionexample.php
Created August 22, 2011 07:42
Using beanstalks .revision file to assure that the latest CSS gets to the browsers when using aggressive caching
<?php
$content = file('/path/to/.revision');
//First line: $content[0];
define('REV',trim($content[0]));
?>
<link rel="stylesheet" href="style.css?v=<?=REV?>">
@yatil
yatil / compass_example.sass
Created August 29, 2011 21:30
I use this which yields an error
@import "compass/css3";
.test {
+single-transition(border-color 0.5s linear);
}
// Syntax error: Invalid CSS after "...ngle-transition": expected "{", was "(border-color 0..."
// on line 4 of /path/to/sass/style.scss
@import "compass/css3";
body {
background-color: #265152;
}
// Syntax error: Invalid CSS after "#265152": expected expression (e.g. 1px, bold), was ";"
// on line 4 of /path/to/style.sass
@yatil
yatil / hyphens.css
Created September 1, 2011 11:30
Best approach to hyphenation?
/*You could add h1, h2, h3,…,h6,*/ p, li, table { -webkit-hyphens : auto; -moz-hyphens : auto; hyphens : auto; }
input, textarea { -webkit-hyphens : manual; -moz-hyphens : manual; hyphens : manual; }
@yatil
yatil / mq.css
Created September 22, 2011 17:54
@media only screen and (min-width: 1068px) {
.layout2 ul.gallery li:nth-child(4n) {
margin-right: 0;
}
.layout1 ul.gallery li:nth-child(6n) {
margin-right: 0;
}
}