Skip to content

Instantly share code, notes, and snippets.

View drublic's full-sized avatar
🌐
Remote by default

Hans Christian Reinl drublic

🌐
Remote by default
View GitHub Profile
@drublic
drublic / dabblet.css
Created October 24, 2012 07:22 — forked from LeaVerou/dabblet.css
Testing mailto forms
/**
* Testing mailto forms
*/
@drublic
drublic / dabblet.css
Created September 23, 2012 18:45
Mobile Menu w/o JS
/**
* Mobile Menu w/o JS
*/
.navigation {
display: none;
position: absolute;
top: 53px;
left: 10px;
border-radius: 5px;
@drublic
drublic / dabblet.css
Created May 29, 2012 22:20 — forked from jcsrb/dabblet.css
should this work?
a{
display:block;
}
/*
should this work?
concat of an attr with a string seams to work
if you look at the content rule in line 21
based on the css3 spec http://www.w3.org/TR/css3-values/#attr-value
@drublic
drublic / dabblet.css
Created April 1, 2012 21:20 — forked from JoelBesada/dabblet.css
CSS States
/* CSS States */
body {
background: url(http://dabblet.com/img/noise.png);
background-color: #F5F2F0;
font-family: Georgia, serif;
font-size: 18px;
line-height: 1.6em;
text-shadow: 0 2px 0 white;
color: #222;
}
@drublic
drublic / dabblet.css
Created January 31, 2012 15:02 — forked from anonymous/dabblet.css
Untitled
header {
position: relative;
width: 1000px;
margin: 0 auto;
-webkit-transform: translate(-100px, 200px)
}
#navigation {
position: relative;
overflow: hidden;
@drublic
drublic / dabblet.css
Created January 31, 2012 15:02 — forked from anonymous/dabblet.css
Untitled
header {
position: relative;
width: 1000px;
margin: 0 auto;
-webkit-transform: translate(-100px, 200px)
}
#navigation {
position: relative;
overflow: hidden;
@drublic
drublic / dabblet.css
Created January 31, 2012 15:02 — forked from anonymous/dabblet.css
Untitled
header {
position: relative;
width: 1000px;
margin: 0 auto;
-webkit-transform: translate(-100px, 200px)
}
#navigation {
position: relative;
overflow: hidden;
@drublic
drublic / dabblet.css
Created December 28, 2011 18:16 — forked from anonymous/dabblet.css
Testing Nicolas Gallagher's method for responsive images
/**
* Testing Nicolas Gallagher's method for responsive images
*/
p {
content: attr(data-title);
}
@drublic
drublic / dabblet.css
Created December 18, 2011 21:46 — forked from LeaVerou/dabblet.css
Previewer test
/**
* Previewer test
*/
background: #f06;
background: linear-gradient(left bottom,
hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 2in;
transition-duration: 6s;
@drublic
drublic / vunits.js
Created November 19, 2011 23:03 — forked from LeaVerou/vunits.js
Static polyfill for vw, vh, vm units
/**
* Polyfill for the vw, vh, vm units including StyleFix
* @author Lea Verou
*/
(function(){
if(!window.addEventListener) {
return;
}