Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

View GitHub Profile
@jensgro
jensgro / af-toggle.js
Created March 11, 2010 23:30
Klappfunktion mit jQuery und WAI-ARIA accessible machen.
/*
* Klappfunktion mit jQuery accessible machen mit WAI-ARIA. Skript von Alexander Farkas.
* Original: http://gist.github.com/329709
* Fork: http://gist.github.com/329832
* Ausgangsartikel mit Diskussion dazu:
http://grochtdreis.de/weblog/2010/03/11/anreicherung-meiner-webseite-mit-wai-aria/
*/
(function($){
/* a11y-helper */
@jensgro
jensgro / html5forms.html
Created April 28, 2010 13:25
HTML5-Formularelemente
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Form Elements</title>
<style>
body { padding:1em; }
</style>
</head>
<body>
@jensgro
jensgro / extern-link.css
Created December 6, 2011 11:03
css attribute selectors
@jensgro
jensgro / HTML language
Created December 13, 2011 08:43 — forked from kornelski/HTML language
TextMate HTML language tweaked to support unqoted attributes
{ scopeName = 'text.html.basic';
firstLineMatch = '<!DOCTYPE|<(?i:html)|<\?(?i:php)';
fileTypes = ( 'html', 'htm', 'shtml', 'xhtml', 'phtml', 'php', 'inc', 'tmpl', 'tpl', 'ctp' );
foldingStartMarker = '(?x)
(<(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)\b.*?>
|<!--(?!.*--\s*>)
|^<!--\ \#tminclude\ (?>.*?-->)$
|<\?(?:php)?.*\b(if|for(each)?|while)\b.+:
|\{\{?(if|foreach|capture|literal|foreach|php|section|strip)
|\{\s*($|\?>\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/)))
@jensgro
jensgro / dabblet.css
Created January 20, 2012 13:40 — forked from LeaVerou/dabblet.css
The -Webkit-scrollbar challenge
/**
* The -Webkit-scrollbar challenge
* * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Make the first div’s scrollbar like the second’s
* without changing the styling of the div (i.e. you
* can only change the ::-webkit-scrollbar-* rules
* * * * * * * * * * * * * * * * * * * * * * * * * * * *
* It doesn't matter if the second div doesn't look the same
* after your changes, it's only there to show you how the
* end result should look.
@jensgro
jensgro / dabblet.css
Created January 25, 2012 16:06 — forked from LeaVerou/dabblet.css
Angled Navigation?
/**
* Angled Navigation?
* to help @Chrisedmo
*/
nav li {
list-style: none;
float: left;
}
@jensgro
jensgro / dabblet.css
Created February 2, 2012 08:17 — forked from chriscoyier/dabblet.css
Ratings Stars
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
@jensgro
jensgro / dabblet.css
Created February 15, 2012 12:44 — forked from chriscoyier/dabblet.css
Ratings Stars
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
@jensgro
jensgro / My Mixins
Created February 22, 2012 23:35 — forked from chriscoyier/My Mixins
_functions.scss
//
// MIXINS
//
// SHADOWS
@mixin box-shadow ($string) {
-webkit-box-shadow: $string;
-moz-box-shadow: $string;
box-shadow: $string;
}
@jensgro
jensgro / dabblet.css
Created February 24, 2012 17:01
css only show/hide
/*
css only show/hide
*/
html {
background: white url(http://genelocklin.com/examples/shared-images/texture/generated.png) 0 0 repeat; }
* {