Dave Staab davestaab

Flexbox with non block children

I've run into an inconsistency in IE 10 support and flexbox. Is it just a fact that I need to make sure children of flexbox are display block?

This pen works as expected in webkit browsers and IE11. In IE10 however the flex:1; style on the .flex-child-label class seems to be ignored. If i make the .flex-child-label class be display:block it works as expected.

A Pen by Dave Staab on CodePen.

License.

D3 Chart test, re-size horizontally

Resize an d3 svg chart with the width of the window

A Pen by Dave Staab on CodePen.

License.

O Brave New World: Bringing Pubs in to Vuetopia

Well, we're finally to that point. It's finally time to start inching the pubs module toward the new frontier. But, in light of that exciting new opportunity, we have some immediate decisions to make. To integrate with Vue, we need webpack, and webpack also implies the pubs codebase being exposed to ECMA2015(ES6) features for the first time. So we need to decide if integrating new ES6 capabilities holds any value in simplifying and cleaning up the pubs codebase. Additionally, the general code-bundling system and philosophy we were operating under previously has done a lot to shape the way we were dealing with certain angular features, and we should take this opportunity to reevaluate many of those choices, so that they don't bog us down in the future.

That in mind, I've mostly organized our decisions into three distinct migration paths, which generally follow a linear progression from 'quick-n-dirty' to 'slow-but-thorough'. I've generally graded each migra

	<html>

	<head>

	</head>
	<body>
	<h1>Hello World</h1>
	</body>
	</html>

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 960px;
	height: 500px;
	position: relative;
	/background-color: salmon;/

	<!DOCTYPE html>
	<html>
	<head>
	<!--<script type="application/javascript" src="file:///Users/davestaab/Projects/timekeeper/bower_components/d3/d3.min.js"></script>-->
	<!--<script type="text/javascript" src="d3.v2.min.js"></script>-->
	<style>
	.circle {
	fill: rgba(33, 33, 33, .2);
	}