Bookmarks

Flexbox layout helper classes

Some simple CSS layout classes, mostly using flexbox

January 2017
Hero Patterns - Repeatable SVG Background Patterns

Collection of (SVG based) patterns for use in hero UIs as a background

January 2017
columns

Demo showing CSS columns property, allowing newspaper-like columns with a couple of lines of CSS

January 2017
bastianallgeier/letter: Letter is a simple, highly customizable tool to create letters in your browser.

Interesting tool to "write a letter" using HTML/CSS. Uses contenteditable & nice styling to format a "letter"

January 2017
uiGradients - Beautiful colored gradients

Utility site to view curated simple gradients. Useful for headers/hero UI patterns

January 2017
How do you make an awesome team? - Julia Evans

Really great post on how to make a great team by @b0rk. Truthfully, it's more about being a great team member than being a manager and creating the team.

January 2017
Git back to the future | Phil Nash

Invaluable post on the reflog and how to recover commits lost with git reset --hard

January 2017
ad-hoc-reckons/CreatingReusableDevelopmentTooling.md at master · insin/ad-hoc-reckons

Good blog post on creating your own create-react-app style tooling package

January 2017
Typora — a minimal markdown reading & writing app

Really impressed with Typora markdown editor:

January 2017
nolanlawson/marky: High-resolution JavaScript timer based on performance.mark() and measure()

Better JS timing library. console.time() and console.timeEnd() have slight perf issues themselves. Integrates with console timing tab graphs

January 2017
(500) https://kosamari.github.io/sweaterify/

Made with the fantastic sweaterify by @kosamari

December 2016
Best Practices for Component State in React.js

Mostly fairly obvious stuff, but good to lay it out as "rules" (although rules that can be broken)

December 2016
TC39: A Process Sketch, Stages 0 and 1

Just a few days after I was moaning about people not understanding the TC39 process, @wycats helpfully wrote it up:

December 2016
The Most Common XSS Vulnerability in React.js Applications

RT @nodesecurity: The Most Common XSS Vulnerability in React.js Applications. Guest post by @ThisIsMissEm

December 2016
Mobile Design Patterns - Pttrns

Mobile app/web app screenshots. Many different examples of well designed/popular mobile design patterns

November 2016
Welcome | Open Design Kit

Bocoup's design tips, broken up into concrete techniques/actions.

October 2016
"Idealized Commit Logs: Code Simplification via Program Slicing" by Alan Shreve - YouTube

Holy shit. Go watch this video on “Program Slicing”: I want this *now*

September 2016
React events in depth w/ Kent C. Dodds, Ben Alpert, & Dan Abramov - YouTube

More of this please! Deep dive into React’s event system: https://t.co/V9CoO4rZsT

September 2016