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 April 21, 2014 15:53
Untitled
.triangle:before,
.triangle:after {
content: "";
position: absolute;
bottom: -15px; /* value = - border-top-width - border-bottom-width */
left: 30px;
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #aaa transparent;
}
@drublic
drublic / dabblet.css
Created April 21, 2014 15:54
Untitled
.triangle:before,
.triangle:after {
content: "";
position: absolute;
bottom: -15px; /* value = - border-top-width - border-bottom-width */
left: 30px;
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #aaa transparent;
}
@drublic
drublic / dabblet.css
Created April 21, 2014 15:55
Untitled
.triangle {
position: relative;
border-bottom: 1px solid #aaa;
}
.triangle:before,
.triangle:after {
content: "";
position: absolute;
bottom: -15px; /* value = - border-top-width - border-bottom-width */
left: 30px;
@drublic
drublic / dabblet.css
Created July 30, 2014 12:33
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@drublic
drublic / dabblet.css
Created July 30, 2014 12:36
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div {
border-radius: 50%;
height: 200px;
background: #ddd;
width: 200px;
}
@drublic
drublic / dabblet.css
Created August 4, 2014 13:42
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div {
border-radius: 50%;
height: 200px;
background: #ddd;
width: 200px;
}
Donations for beer
/**
* Module
*/
// External Library
import _ from '../node_modules/lodash/dist/lodash.js';
// Private variables
let _eventName = '_test';
@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;
}
@drublic
drublic / orientation-android
Created December 1, 2011 21:36
Some further tests for orientation-size - compare to https://gist.github.com/1410787
Samsung Galaxy S9000 Android 2.3 (handheald):
Webbrowser (Webkit):
meta-none: p 800x1130 - l 800x357
meta-width: p 320x452 - l 533x239
meta-width-initial: p 320x452 - l 320x452 (533x239 on load/refresh)
meta-width-initial-maximum: p 320x452 - l 533x239
Opera Mobile:
meta-none: p 981x1232 - l 980x347