Skip to content

Instantly share code, notes, and snippets.

View alanbsmith's full-sized avatar
👋

Alan B Smith alanbsmith

👋
176 followers · 40 following
View GitHub Profile
@alanbsmith
alanbsmith / index.html
Created February 28, 2017 06:48
JS Bin // source http://jsbin.com/joqiqin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
background-color: #E0E6ED;
color: #1F2D3D;
@alanbsmith
alanbsmith / index.html
Created February 28, 2017 06:50
JS Bin // source http://jsbin.com/joqiqin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
background-color: #E0E6ED;
color: #1F2D3D;
@alanbsmith
alanbsmith / redux-uncontrolled-form-pattern.md
Last active March 1, 2017 17:28
Redux Uncontrolled Form Pattern 
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

class Form extends Component {
  constructor(props) {
    super(props);
    
    this.state = {
      errors: {
@alanbsmith
alanbsmith / index.html
Created April 24, 2017 21:23
JS Bin // source https://jsbin.com/zupagawavu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
/* colors */
/* animation */
@keyframes bounce {
@alanbsmith
alanbsmith / Building A React Component Library.md
Created June 2, 2017 18:43
Talk outline for "Building A React Component Library"

Building A React Component Library

$ whoami

  • Alan Smith
  • @_alanbsmith -> Twitter
  • @alanbsmith -> Github

What's the purpose of this talk?

  • To encourage you to create and publish your own reusable components
@alanbsmith
alanbsmith / Thin Crust Pizza Recipe.md
Last active August 12, 2017 17:09
My personal pizza recipe

Thin Crust Pizza Recipe

YIELD

This recipe yields 2 14" pizzas 🍕🍕

INGREDIENTS

DOUGH

  • 1 packet yeast
  • 1 tsp sugar (or honey or whatever)
@alanbsmith
alanbsmith / LS Color Palette.md
Last active November 9, 2017 07:24

LS Color Palette

source

  • honeycomb: #e9ba26
  • slushie: #5fb8dd
  • frosting: #ea0b8c
  • clementine: #f0812b
  • aloe: #50886b
  • grape: #92278f
  • berry: #508395
@alanbsmith
alanbsmith / Elk Chili.md
Created December 4, 2017 17:24 — forked from AndyDangerous/Elk Chili.md

This is the recipe I used to make Chili for the Post-Turing bash. It was well received. The source is this gnarly sounding blog called Alaska from scratch

Ingredients

  • 1lb ground turkey, beef, or moose (I used moose)
  • 1 onion, chopped
  • 4 cloves of garlic, smashed and minced
  • 1/3c tomato paste
  • 1 (14oz) can diced tomatoes (or tomato sauce, your preference)
  • 1 (14oz) can red kidney beans, rinsed
@alanbsmith
alanbsmith / structuring-our-styled-components-example-element.js
Last active December 8, 2017 18:18
structuring-our-styled-components-example-element
// lib/elements/A/index.js
import styled from 'styled-components';
...
const A = styled.a`
color: #263238;
text-decoration: none;
transition: color 0.2s ease;
&:hover {
color: #0097a7;
@alanbsmith
alanbsmith / structuring-our-styled-components-example-modifiers.js
Created December 8, 2017 18:20
structuring-our-styled-components-example-modifiers
const modifierConfig = {
darkGreyText: ({ theme }) => `
color: ${theme.colors.base.text};
`,
midGreyText: ({ theme }) => `
color: ${theme.colors.base.textLight};
`,
uppercase: () => `