Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
Workin’

Eric Eggert yatil

💭
Workin’
View GitHub Profile
View gist:646557
<figure>
<img src="#" alt="sunset on the beach" aria-labelledby="myid">
<figcaption id="myid">What a beautiful day!</figcaption>
</figure>
View 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 Jul 12, 2011
html5 input types in wordpress w/ required attribute
View copy_to_functions.php
<?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/
*/
View gist:1111607
alfredapp://customsearch/caniuse/caniuse/ascii/url=http://caniuse.com/#eras=past,now,near&nodetails=1&search={query}
@yatil
yatil / gist:1111608
Created Jul 28, 2011
Copy this to your browsers url bar and hit Enter
View gist:1111608
alfredapp://customsearch/caniuse/caniuse/ascii/url=http://caniuse.com/#eras=past,now,near&nodetails=1&search={query}
@yatil
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
<?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 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
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 ul.gallery li:nth-child(4n) {
margin-right: 0;
}
.layout1 ul.gallery li:nth-child(6n) {
margin-right: 0;
}
}