Skip to content

Instantly share code, notes, and snippets.

View getsetbro's full-sized avatar
💭
[ bro-lite ]

Seth Broweleit getsetbro

💭
[ bro-lite ]
View GitHub Profile
@getsetbro
getsetbro / _.md
Created October 8, 2012 04:21
just another inlet to tributary
@getsetbro
getsetbro / index.html
Created November 28, 2012 19:28
d3.js bubbles with zoom & dblclick to select one
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Bubble Chart</title>
<link type="text/css" rel="stylesheet" href="bubble.css"/>
<style type="text/css">body{margin:0;font: 10px sans-serif;}</style>
</head>
<body>
<div id="chart"></div>
@getsetbro
getsetbro / index.html
Created February 18, 2013 22:29
A CodePen by Seth Broweleit. Favorited Animation - Animation of items when favorited.
<div id='myapp'>
<header>
<h1>app</h1>
<div class='mycount-outer'>
<b id="mycount">0</b>
</div>
</header>
<ul>
<li>
body {
color: #444;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 30px;
margin: 0px;
}
h1 {
font-size: 24px;
.navbar-nav > li {
float: left;
margin-left:10px;
border:1px solid #ddd;
padding:0 8px
}
.dropdown:hover .dropdown-menu{
display:block;
padding:0;
@getsetbro
getsetbro / Topcoat-Button-Bar.markdown
Created September 25, 2013 14:52
A Pen by Seth Broweleit.

Topcoat Button Bar

Default style for Topcoat Button Bar. Requirements are portable and accessible markup with flexible and performant css. No javascript required

A Pen by Seth Broweleit on CodePen.

License.

.btn{
display:inline-block;
color:#333;
border:1px solid #999;
background-color:#ccc;
cursor:pointer;
padding:8px 12px;
font-size:14px;
background-image: linear-gradient(#ddd, #aaa);
}
@getsetbro
getsetbro / jsbinsettings
Created December 5, 2013 18:14
a settings file for jsbin
settings = {
jshint: true,
editor: {
indentUnit: 4,
smartIndent: true,
tabSize: 4,
indentWithTabs: true,
autoClearEmptyLines: true,
lineWrapping: true,
lineNumbers: true,
#app *{
box-sizing: border-box;
}
#list{
height:202px;
overflow:auto;
list-style:none;
margin:0;
padding:0;
border:1px solid #999;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
*{
box-sizing:border-box;
}
section, article{