Skip to content

Instantly share code, notes, and snippets.


Eric Eggert yatil

View GitHub Profile
View gist:646557
<img src="#" alt="sunset on the beach" aria-labelledby="myid">
<figcaption id="myid">What a beautiful day!</figcaption>
View anzeige.html
<!-- Zweiter Versuch --->
<h1>Die führende Social Media Agentur Europas sucht:</h1>
<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>
yatil / copy_to_functions.php
Created Jul 12, 2011
html5 input types in wordpress w/ required attribute
View copy_to_functions.php
Plugin Name: html5 input-types
Plugin URI:
Description: Adds the new HTML5 input-types to WordPress' default forms
Version: 0.1
Author: pfefferle
Author URI:
View gist:1111607
yatil / gist:1111608
Created Jul 28, 2011
Copy this to your browsers url bar and hit Enter
View gist:1111608
yatil / beanstalkrevisionexample.php
Created Aug 22, 2011
Using beanstalks .revision file to assure that the latest CSS gets to the browsers when using aggressive caching
View beanstalkrevisionexample.php
$content = file('/path/to/.revision');
//First line: $content[0];
<link rel="stylesheet" href="style.css?v=<?=REV?>">
yatil / compass_example.sass
Created Aug 29, 2011
I use this which yields an error
View compass_example.sass
@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
View style.sass
@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 / hyphens.css
Created Sep 1, 2011
Best approach to hyphenation?
View hyphens.css
/*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; }
View mq.css
@media only screen and (min-width: 1068px) {
.layout2 li:nth-child(4n) {
margin-right: 0;
.layout1 li:nth-child(6n) {
margin-right: 0;