{"pageProps":{"posts":[{"title":"Access—Ability","date":"2020-10-02","layout":"post","excerpt":"People tend to conflate “accessibility” with “disability”; but designing for accessibility is principally a question of “access”. Framed in this light, the challenges and opportunities of accessible design become more vividly obvious.","slug":"2020/access-ability","ogSlug":"2020-access-ability.png"},{"layout":"post","title":"A Tapestry of Tools","date":"2020-08-21","excerpt":"When people ask “which design tool should I use?”, what I hear is “which design tool will take my work closest to the threshold of representing the real thing?”. Through this framing, it’s easier to see that… none of them really do.","categories":["process","design"],"slug":"2020/tapestry-of-tools","ogSlug":"2020-tapestry-of-tools.png"},{"layout":"post","title":"Anatomy of a Typed React Component","date":"2020-06-30","categories":["code"],"slug":"2020/anatomy-of-a-typed-react-component","ogSlug":"2020-anatomy-of-a-typed-react-component.png"},{"layout":"post","title":"3 Strategies For Effective Cross-Team Collaboration","date":"2020-04-06","excerpt":"Working on the design system for Facebook’s Ads and Business products, I’ve learned a lot about what makes an effective collaboration, and what can turn a difficult relationship into a productive one. In this post, I’ve tried to distill the three biggest behavioural changes that can lead to more effective working relationships.","categories":["process"],"slug":"2020/strategies-for-cross-team-collaboration","ogSlug":"2020-strategies-for-cross-team-collaboration.png"},{"layout":"post","title":"3×3 GTD: A Priority-Driven To Do List","date":"2020-03-26","excerpt":"Three big things every year, and three small things every day: a straightforward approach to achieving your goals and ruthlessly prioritising your jobs-to-be-done.","categories":["process"],"slug":"2020/3x3-gtd","ogSlug":"2020-3x3-gtd.png"},{"layout":"post","title":"Building a Coin-Tossing Simulator with React, Hooks, and Vercel: Part 3","date":"2020-02-03","categories":["code"],"slug":"2020/toss-a-coin-with-react-part-3","ogSlug":"2020-toss-a-coin-with-react-part-3.png"},{"layout":"post","title":"Regex for Designers and UX Writers","date":"2019-11-23","excerpt":"Learn the basics of Regex, a powerful tool for searching and replacing text using patterns.","categories":["code"],"slug":"2019/regex-for-designers-and-writers","ogSlug":"2019-regex-for-designers-and-writers.png"},{"layout":"post","title":"Where We Can Go","date":"2019-08-27","excerpt":"Design systems have matured as an subject over the years to the point of buzzwordiness; but what do design systems and design tools enable us to achieve long-term? What relationships do they enable, and what habits do they break? This post is the written transcription of my 2019 Clarity Conference presentation.","categories":["process","design"],"slug":"2019/where-we-can-go","ogSlug":"2019-where-we-can-go.png"},{"layout":"post","title":"Building a Coin-Tossing Simulator with React, Hooks, and Vercel: Part 2","date":"2019-08-10","categories":["code"],"slug":"2019/toss-a-coin-with-react-part-2","ogSlug":"2019-toss-a-coin-with-react-part-2.png"},{"layout":"post","title":"Building a Coin-Tossing Simulator with React, Hooks, and Vercel: Part 1","date":"2019-07-29","categories":["code"],"slug":"2019/toss-a-coin-with-react-part-1","ogSlug":"2019-toss-a-coin-with-react-part-1.png"},{"layout":"post","title":"Square Peg, Round Hole: Typed Programming For Designers","date":"2019-07-09","categories":["code","design"],"slug":"2019/typed-systems","ogSlug":"2019-typed-systems.png"},{"layout":"post","title":"Designing And Building For Systems","date":"2019-03-29","categories":["process","design"],"slug":"2019/designing-for-systems","ogSlug":"2019-designing-for-systems.png"},{"layout":"post","title":"Wordplay: Language Structure in Design Systems","date":"2018-06-27","categories":["design"],"slug":"2018/wordplay","ogSlug":"2018-wordplay.png"},{"layout":"post","title":"Subatomic Design Systems","date":"2018-01-05","categories":["design"],"slug":"2018/subatomic-design-systems","ogSlug":"2018-subatomic-design-systems.png"},{"layout":"post","title":"The Burden of Precision","date":"2017-11-15","categories":["design","process"],"slug":"2017/the-burden-of-precision","ogSlug":"2017-the-burden-of-precision.png"},{"layout":"post","title":"Design System Structure","date":"2017-07-17","excerpt":"How do we draw the lines between a 'pattern' and a 'component' in design systems? How do systems intersect with brand design? In this post, we outline a structure that can be applied to a design system to identify its constituent parts and the interactions between them.","categories":["design"],"slug":"2017/design-system-structure","ogSlug":"2017-design-system-structure.png"},{"layout":"post","title":"A Design System Grammar","date":"2017-07-12","excerpt":"How do we wittle down a large number of possible Design System components into a sensible list of appropriate patterns for a given problem? In this post, we explore a “Design System Grammar”; rules for composing arrangements of components.","categories":["design","process"],"slug":"2017/a-design-system-grammar","ogSlug":"2017-a-design-system-grammar.png"},{"title":"Paving the Path of Least Resistance","layout":"post","date":"2017-06-27","categories":["design","process"],"slug":"2017/paving-the-path-of-least-resistance","ogSlug":"2017-paving-the-path-of-least-resistance.png"},{"layout":"post","title":"Casting Graphite in Gold","hero":"2017/06/graphite.png","date":"2017-06-02","categories":["process"],"slug":"2017/casting-graphite-in-gold","ogSlug":"2017-casting-graphite-in-gold.png"},{"layout":"post","title":"Designing Product UI Systems","date":"2017-03-29","categories":["design","code"],"slug":"2017/designing-systems","ogSlug":"2017-designing-systems.png"},{"layout":"post","title":"Drawing With Numbers","hero":"2017/01/diff-growth.png","date":"2016-11-02","categories":["design","code"],"slug":"2016/drawing-with-numbers","ogSlug":"2016-drawing-with-numbers.png"},{"layout":"post","title":"The Weird Wide Web","hero":"2016/08/www.png","date":"2016-08-04","categories":["design"],"slug":"2016/the-weird-wide-web","ogSlug":"2016-the-weird-wide-web.png"},{"layout":"post","title":"The Landscape of Web Typography","hero":"2015/02/herb-lubalin.jpg","date":"2015-02-15","slug":"2015/the-landscape-of-web-typography","ogSlug":"2015-the-landscape-of-web-typography.png"},{"title":"Making Sense","layout":"post","date":"2014-11-02","slug":"2014/making-sense","ogSlug":"2014-making-sense.png"},{"layout":"post","title":"Design Elitism","date":"2014-06-28","slug":"2014/design-elitism","ogSlug":"2014-design-elitism.png"},{"layout":"post","title":"The Little Red Book","date":"2014-05-27","slug":"2014/the-little-red-book","ogSlug":"2014-the-little-red-book.png"},{"title":"Mouth Words, Brain Words","layout":"post","date":"2014-05-18","slug":"2014/words","ogSlug":"2014-words.png"},{"layout":"post","title":"See, Think, Design, Produce","date":"2014-05-06","slug":"2014/see-think-design-produce","ogSlug":"2014-see-think-design-produce.png"},{"layout":"post","title":"Re; Designing","date":"2014-03-20","slug":"2014/re-designing","ogSlug":"2014-re-designing.png"},{"layout":"post","title":"Learning How To Write","date":"2014-03-08","slug":"2014/learning-how-to-write","ogSlug":"2014-learning-how-to-write.png"},{"layout":"post","title":"Emergency Mode","date":"2014-02-04","slug":"2014/emergency-mode","ogSlug":"2014-emergency-mode.png"},{"layout":"post","title":"Things I’ve Learned On Planet Earth","date":"2014-01-30","slug":"2014/things-ive-learned","ogSlug":"2014-things-ive-learned.png"},{"layout":"post","title":"It’s 2014 And Everything is Terrible","date":"2014-01-24","slug":"2014/everything-is-terrible","ogSlug":"2014-everything-is-terrible.png"},{"layout":"post","title":"A Little Music Please, Maestro","date":"2014-01-05","slug":"2014/maestro","ogSlug":"2014-maestro.png"},{"layout":"post","title":"Feeling Out Loud","date":"2013-12-19","slug":"2013/feeling-out-loud","ogSlug":"2013-feeling-out-loud.png"},{"layout":"post","title":"Thirty Thousand Feet of Perspective","date":"2013-10-02","slug":"2013/30k-feet-of-perspective","ogSlug":"2013-30k-feet-of-perspective.png"},{"layout":"post","title":"Heart and The Future of Design","date":"2013-09-11","slug":"2013/the-future-of-design","ogSlug":"2013-the-future-of-design.png"},{"layout":"post","title":"Out With The Old, In With The Good","date":"2013-09-02","slug":"2013/shame-and-legacy","ogSlug":"2013-shame-and-legacy.png"},{"layout":"post","title":"Practice & Fear","date":"2013-07-24","slug":"2013/practice-and-fear","ogSlug":"2013-practice-and-fear.png"},{"layout":"post","title":"Whim & Aim","date":"2013-07-10","slug":"2013/whim-and-aim","ogSlug":"2013-whim-and-aim.png"},{"layout":"post","title":"Constraints & Affordances","date":"2012-06-11","slug":"2012/constraints-affordances","ogSlug":"2012-constraints-affordances.png"}]},"__N_SSG":true}