Skip to content

Instantly share code, notes, and snippets.

View pbroschwitz's full-sized avatar

Peter Broschwitz pbroschwitz

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/zloirock/core-js/master/client/shim.min.js"></script>
<script src="https://wzrd.in/standalone/tape@latest"></script>
<script src="https://wzrd.in/standalone/tap-browser-color@latest"></script>
<script src="http://fb.me/react-with-addons-0.14.3.js"></script>
<script src="http://fb.me/react-dom-0.14.3.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
@pbroschwitz
pbroschwitz / 0_reuse_code.js
Created October 27, 2015 13:05
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

Local SSL websites on Mac OSX

These instructions will guide you through the process of setting up local, trusted websites on your own computer.

These instructions are intended to be used on Mac OSX Yosemite.


Configuring Apache

@pbroschwitz
pbroschwitz / dabblet.css
Created June 20, 2014 14:52 — forked from LeaVerou/dabblet.css
Test for rebeccapurple, honoring Eric Meyer’s Daughter, Rebecca.
/**
* Test for rebeccapurple, honoring Eric Meyer’s Daughter, Rebecca.
* Currently works in WebKit nightlies, other implementations soon to follow.
*/
background: red;
background: rebeccapurple;
display: flex;
@pbroschwitz
pbroschwitz / 1. elements.html
Created July 3, 2013 17:09 — forked from Integralist/1. elements.html
Checkbox Hack (works in modern browsers and IE9+)
<label for="toggle-1">I'm a toggle</label>
<input type="checkbox" id="toggle-1">
<div>I'm controlled by toggle. No JavaScript!</div>
@pbroschwitz
pbroschwitz / dabblet.css
Created June 4, 2013 10:36 — forked from anselmh/dabblet.css
Untitled
.overflowed > p{
width: 10em;
height: 5rem;
white-space: pre-line;
overflow: hidden;
outline: 1px dashed lime;
}
.overflowed-clip {
text-overflow: clip;
@pbroschwitz
pbroschwitz / dabblet.css
Created June 25, 2012 08:48 — forked from LeaVerou/dabblet.css
CSS Box model demo
/**
* CSS Box model demo
*/
#box {
width: 300px;
height: 200px;
padding: 20px;
border-width: 15px;
box-sizing: border-box;
@pbroschwitz
pbroschwitz / es6.js
Created June 21, 2012 16:08 — forked from paulrouget/es6.js
Some ECMAScript 6 element are available in Firefox
// To test this code in Firefox, I encourage you to use Firefox Aurora
// and to include your script this way:
// <script type="application/javascript;version=1.8">
/* let ********************************************* */
// let is the new var :)
// Declares a block scope local variable
var a = 5;
@pbroschwitz
pbroschwitz / dabblet.css
Created May 6, 2012 17:44 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@pbroschwitz
pbroschwitz / dabblet.css
Created April 18, 2012 12:34 — forked from anonymous/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.teaser {
overflow: hidden;
height: 250px;
display: inline-block;
position: relative;
outline:0 none}