webdesignberlin
/ mixin-prefix.css
Created
February 28, 2014 00:31
— forked from Webastronaut/mixin-prefix.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes | |
| * | |
| * - border-radius | |
| * - box-shadow | |
| * - transition | |
| * - background-size | |
| * - box-sizing | |
| * - animate | |
| * |
webdesignberlin
/ module-pattern.js
Last active
August 29, 2015 13:56
— forked from Webastronaut/module-pattern
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var myNamespace = myNamespace || {}; | |
| myNamespace.myFancyModule = (function() { | |
| var self = {}, | |
| _ = {}; | |
| _.concatString = function(str) { | |
| return 'Hello ' + str; | |
| }; |
webdesignberlin
/ html5-schema.org-markup.html
Created
May 28, 2014 19:52
— forked from gregrickaby/html5-schema.org-markup.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html { | |
| box-sizing: border-box; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [user] | |
| name = Michael Gerstmann | |
| email = [xxx]@seiler-gerstmann.de | |
| [color] | |
| ui = true | |
| [color "branch"] | |
| current = yellow reverse | |
| local = yellow | |
| remote = green |
webdesignberlin
/ screenshot.js
Last active
August 29, 2015 14:06
— forked from mnpenner/screenshot.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ extend headings.scss
Last active
August 29, 2015 14:06
SASS | make heading classes extended from headings
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @for $h from 1 to 7 { | |
| .h#{$h} { | |
| @extend h#{$h}; | |
| } | |
| } | |
| /* | |
| * Sample Output: | |
| * h1, .h1 { | |
| * color: red; |
webdesignberlin
/ BEM reduce variable.scss
Last active
August 29, 2015 14:06
SASS | reduce variable (since Sass v3.4.4)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .block { | |
| @at-root { | |
| :not(#{&}--modifier) &__elem { | |
| foo: bar; | |
| } | |
| } | |
| } | |
| /* | |
| * CSS OUTPUT: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| JSONx conversion example | |
| This topic introduces a JSONx conversion example. | |
| The following example document is a sample of the JSON structure. | |
| ... |
OlderNewer