Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

77 followers · 57 following
View GitHub Profile
@jensgro
jensgro / meta-tags.md
Created October 12, 2012 08:39 — forked from lancejpollard/meta-tags.md
Complete List of HTML Meta Tags

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">
@jensgro
jensgro / demo.html
Created October 22, 2012 10:33 — forked from sergejmueller/demo.html
Fullscreen API Demo. Denkbar für eShops. Lauffähig unter Firefox, Chrome und Safari.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Sergej Müller" />
<link href="style.css" rel="stylesheet" />
<title>Fullscreen Demo</title>
@jensgro
jensgro / dabblet.html
Created November 6, 2012 13:59 — forked from lensco/dabblet.css
Untitled
none <div></div>
box-shadow <div class="box-shadow"></div>
filter: drop-shadow <div class="filter-drop-shadow"></div>​
@jensgro
jensgro / dabblet.html
Created November 8, 2012 10:35 — forked from anonymous/dabblet.css
Untitled
<!-- content to be placed inside <body>…</body> -->
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<ul>
@jensgro
jensgro / _contrast.scss
Created December 19, 2012 16:58 — forked from haschek/_contrast.scss
// == SCSS Color Methods for Accessibility ================================
// Adjust given colors to ensure that those color combination provide
// sufficient contrast
// Methods using calculations from:
// * "Techniques For Accessibility Evaluation And Repair Tools (AERT)"
// working draft @see http://www.w3.org/TR/AERT#color-contrast
// TODO: add methods with WCAG2 formulas
@jensgro
jensgro / _helper.scss
Created January 1, 2013 14:01 — forked from yatil/_helper.scss
@mixin respond-to($media) {
@if $media == small {
@media only screen and (max-width: 699px) { @content; }
}
@else if $media == medium {
@if $oldIE {
@content;
} @else {
@media only screen and (min-width: 600px) { @content; }
}
@jensgro
jensgro / high-dpi-media.css
Created January 11, 2013 17:34 — forked from marcedwards/high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs with IE zoomed in */
/* - Android hdpi devices and above */
/* - Android tvdpi devices, including Google Nexus 7 */
@jensgro
jensgro / _contrast.scss
Created January 11, 2013 17:59 — forked from haschek/_contrast.scss
// == SCSS Color Methods for Accessibility ================================
// Adjust given colors to ensure that those color combination provide
// sufficient contrast
// Methods using calculations from:
// * "Techniques For Accessibility Evaluation And Repair Tools (AERT)"
// working draft @see http://www.w3.org/TR/AERT#color-contrast
// TODO: add methods with WCAG2 formulas
@jensgro
jensgro / clearfix.css
Created January 17, 2013 17:15 — forked from mrinalwadhwa/clearfix.css
/* based on http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.cf:before,
.cf:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.cf:after {clear: both;}
@jensgro
jensgro / dabblet.html
Created February 11, 2013 14:53 — forked from chriscoyier/dabblet.css
Untitled
<label for="toggle-1">I'm a toggle</label>
<input type="checkbox" id="toggle-1">
<div>I'm controlled by toggle. No JavaScript!</div>