Skip to content

Instantly share code, notes, and snippets.

View alanbsmith's full-sized avatar
👋

Alan B Smith alanbsmith

👋
View GitHub Profile
@alanbsmith
alanbsmith / labs-type-hierarchy.ts
Created May 26, 2021 07:05
CK Type Hierarchies
import {typeColors} from '@workday/canvas-colors-web';
import {
CSSProperties,
type as baseType,
CanvasTypeVariant,
fontFamily,
} from '@workday/canvas-kit-react/tokens';
export interface CanvasTypeHierarchy {
brand1: CSSProperties;
@alanbsmith
alanbsmith / papercall-cfp-outline.md
Last active May 11, 2021 06:54
PaperCall.io CFP Outline

CFP Outline

an outline for talks to be submitted to PaperCall.io

OVERVIEW

This document is a collection of resources and helpful information for writing a good CFP. Many of the notes and tips are direct quotes from the resources listed below. They are mostly notes I took as I read. The outline itself is formatted for PaperCall.io, and the italicized notes are from their site as well.

GENERAL TIPS

@alanbsmith
alanbsmith / session-3.md
Last active April 30, 2021 15:55 — forked from NicholasBoll/session-3.md
Session 3

Session 3

Today we'll be covering creating compound components using models, behaviors, and utility functions in Canvas Kit that make composability easier. Please refer to the Create Compound Component docs for reference later.

Get the latest changes:

git fetch --all
@alanbsmith
alanbsmith / session-1-walkthrough.md
Created April 27, 2021 08:02
Canvas Kit v5 Workshop Session 1 | Walkthrough Guide
[
{
"name": "Burundi Buyenzi",
"country": "Burundi",
"region": "Africa",
"subRegion": "Buyenzi",
"roastLevel": "Light",
"type": "Single Origin",
"bagWeight": 12,
"price": "$16.55",
@alanbsmith
alanbsmith / style-prop-comparison.md
Created April 19, 2021 02:09
Style Prop type comparison

Style Prop Comparison

Example 1

// These types are brief and correct, but lose autocomplete support because of the string union :/ 
export type ColorProps = {
  /** sets background color with design system or generic value */
  bgColor?: DesignSystemColor | string;
 /** sets color with design system or generic value */
@alanbsmith
alanbsmith / design-resources-for-engineers.md
Last active April 3, 2021 20:29
Design Resources (for engineers or anyone)

Design Resources (for engineers)

Overview

What's included below is a living document of books and resources for learning design principles and practices. If you're a designer, you are probably already familiar with most of this, but feel free to peruse. If you'd like to learn how to think like a designer, this list is for you!

Design Principles

@alanbsmith
alanbsmith / coffee-flavor-profiles.json
Created April 2, 2021 21:08
some sample coffee flavor profiles
[
"almond",
"caramel",
"blackberry",
"brown sugar",
"candied orange",
"chocolate",
"clean",
"cocoa",
"dried cherry",
@alanbsmith
alanbsmith / coffee-origins.json
Created April 2, 2021 21:04
sample data for coffee regions
[
{
"country": "Burundi",
"region": "Africa",
"subRegions": ["Buyenzi", "Bweru"]
},
{
"country": "Ethiopia",
"region": "",
"subRegions": ["Harrar", "Jimma", "Limu", "Sidamo", "Yirgacheffe"]
[
{
"firstName": "Alan",
"lastName": "Smith"
}
]