bluejedi

import { app, h } from "hyperapp";
import { Stateful } from './helpers'

/* Working example, https://codepen.io/sergey-shpak/pen/maMopd */ 

// --- STATEFUL COMPONENT --- 

// Don't use arrow functions for stateful components/actions
// Since context is linked to it's definition context

bluejedi

Stevey's Google Platforms Rant

I was at Amazon for about six and a half years, and now I've been at Google for that long. One thing that struck me immediately about the two companies -- an impression that has been reinforced almost daily -- is that Amazon does everything wrong, and Google does everything right. Sure, it's a sweeping generalization, but a surprisingly accurate one. It's pretty crazy. There are probably a hundred or even two hundred different ways you can compare the two companies, and Google is superior in all but three of them, if I recall correctly. I actually did a spreadsheet at one point but Legal wouldn't let me show it to anyone, even though recruiting loved it.

I mean, just to give you a very brief taste: Amazon's recruiting process is fundamentally flawed by having teams hire for themselves, so their hiring bar is incredibly inconsistent across teams, despite various efforts they've made to level it out. And their operations are a mess; they don't real

bluejedi

/**
 * Slanted tabs with CSS 3D transforms
 * See http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/
 */

body { padding: 50px; }

nav {
	position: relative;
	z-index: 1;

bluejedi

/**
 * Easy trapezoids with 3D transforms
 */

p {
	position: relative;
	display: inline-block;
	padding: 1em;
	margin: 2em;
}

bluejedi

/**
 * Nice Tabs
 */

.tabrow {
	position: relative;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;

bluejedi

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;