Skip to content

Instantly share code, notes, and snippets.

:octocat:
...

Michael Gerstmann webdesignberlin

:octocat:
...
Block or report user

Report or block webdesignberlin

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View mixin-prefix.css
/*
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - background-size
* - box-sizing
* - animate
*
View module-pattern.js
var myNamespace = myNamespace || {};
myNamespace.myFancyModule = (function() {
var self = {},
_ = {};
_.concatString = function(str) {
return 'Hello ' + str;
};
View html5-schema.org-markup.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noodp, noydir" />
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="canonical" href="http://mysite.com/" />
<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />
View gist:5794a17592e2e86dfcfc
.profile { position:relative; }
.profile img {
animation: animationFrames linear 4s;
animation-iteration-count: 1;
transform-origin: ;
-webkit-animation: animationFrames linear 4s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: ;
-moz-animation: animationFrames linear 4s;
-moz-animation-iteration-count: 1;
View gist:845ae0265a9a10593f9e
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
@webdesignberlin
webdesignberlin / .gitconfig
Last active Aug 29, 2015
git config --global
View .gitconfig
[user]
name = Michael Gerstmann
email = [xxx]@seiler-gerstmann.de
[color]
ui = true
[color "branch"]
current = yellow reverse
local = yellow
remote = green
View screenshot.js
var webdriver = require('selenium-webdriver');
var fs = require('fs');
var driver = new webdriver.Builder().build();
webdriver.WebDriver.prototype.saveScreenshot = function(filename) {
return driver.takeScreenshot().then(function(data) {
fs.writeFile(filename, data.replace(/^data:image\/png;base64,/,''), 'base64', function(err) {
if(err) throw err;
});
@webdesignberlin
webdesignberlin / extend headings.scss
Last active Aug 29, 2015
SASS | make heading classes extended from headings
View extend headings.scss
@for $h from 1 to 7 {
.h#{$h} {
@extend h#{$h};
}
}
/*
* Sample Output:
* h1, .h1 {
* color: red;
@webdesignberlin
webdesignberlin / BEM reduce variable.scss
Last active Aug 29, 2015
SASS | reduce variable (since Sass v3.4.4)
View BEM reduce variable.scss
.block {
@at-root {
:not(#{&}--modifier) &__elem {
foo: bar;
}
}
}
/*
* CSS OUTPUT:
@webdesignberlin
webdesignberlin / jsonx example 01
Last active Aug 29, 2015
JSONx-Konvertierungsbeispiel
View jsonx example 01
JSONx conversion example
This topic introduces a JSONx conversion example.
The following example document is a sample of the JSON structure.
...
You can’t perform that action at this time.