Articles, Links, and Tools From An Event Apart San Francisco 2019

An in-progress compendium of articles, links, tools, and other resources shared by our speakers at An Event Apart San Francisco 2019.

Networking Tips

Jeffrey Zeldman, “Slow Design for an Anxious World”

Learn how to create designs that deliberately slow your visitors down, helping them understand more and make better decisions.

A Simpler Page
Whitespace
“Beyond Engagement: the Content Performance Quotient”
Mercury Web Parser
Web Design Manifesto 2012
Poynter Style Guide
To Save Real News
We Were Sofa
Chanel
Art Direction and the Web by Stephen Hay (A List Apart, 2004)
Art Direction vs. Design (zeldman.com, 2003)
The Economist, front cover, April, 2003
Is Your Website Font Size Too Small? Large Text Is In (Design Shack)
WordPress accessible Twenty Twenty theme (big type)

Margot Bloomstein, “Designing for Trust in an Uncertain World”

Consumers and citizens alike turn inward for the truth. By designing for empowerment, the smartest organizations meet them there.

Eric Meyer, “Generation Style”

A spotlight on generated content that shows how it can be a generator of creativity as well as a powerful, practical tool for everyday use.

Rachel Andrew, “Now You See It: Understanding Display”

Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. The examples used in the talk are available as a CodePen collection.

Historical

Normal Flow (Block and Inline Layout)

Display Level 3

Box Generation

Writing Modes

Writing Modes And CSS Layout

Lists

CSS Lists, Markers, and Counters

Flexbox

CSS Grid and subgrid

Testing

Jen Simmons, “Designing Intrinsic Layouts”

Jen walks you through the thinking process of creating accessible & reusable page and component layouts.

Una Kravets, “Extending CSS With SVG and Houdini”

If you’ve ever wanted to customize CSS itself to do something new, you won’t want to miss this talk.

Sara Soueidan, “SVG Filters: The Crash Course”

Why SVG Filters are awesome, how they work, and examples of powerful effects you can create with them.

SVG Filters 101 — an introduction to SVG Filters, how to create them and use them.
SVG Filter Effects: Outline Text with feMorphology — deep dive into the feMorphology filter primitive and how to use it to create text outlines.
SVG Filter Effects: Poster Image Effect with feComponentTransfer — in which you learn how to use the feComponentTransfer to create poster image effects.
SVG Filter Effects: Duotone Images with feComponentTransfer — in which you learn how to use feComponentTransfer to create Photoshop-grade duotone image effects.
SVG Filter Effects: Conforming Text to Surface Texture — what the title says. ;)
SVG Filter Effects: Creating Texture with feTurbulence — did you know SVG can generate and create texture?!

More resources that I used to learn SVG Filters and find inspiration from:

Val Head, “Making Motion Inclusive”

How to apply web accessibility guidelines to modern web animation, when and how to implement reduced motion, and approaches to building up animated interactions for a solid standards base.

Jeremy Keith, “Going Offline”

All the knowledge and code you’ll need to free your website from the tyranny of a network connection.

Books

Sites

Progressive Web Apps

What the heck is a "Progressive Web App"? Seriously. by Ben Halpern
Building Progressive Web Apps by Diogo Cunha
Before You Build a PWA You Need a SPA by Mark Muskardin
Tweet by Jake Archibald
What is a PWA by Salva de la Puente
Naming Progressive Web Apps by Frances Berriman
Progressive Web App Checklist by Google

Laura Martini, “Talking Back: Conversation Design for VUIs”

Find out whether conversation design is right for your product, and how you can adapt your existing design and development processes to this new medium.

Indi Young, “Paying Better Attention to the Problem”

Methods for approaching user research with empathy, and techniques to explore problems and bring creative solutions.

Research Theater

Study: Paul Piff, Higher social class predicts increased unethical behavior
Book: Christian Rudder (cofounder of OKCupid), Dataclysm: Love, Sex, Race, and Identity—What Our Online Lives Tell Us About Our Offline Selves

Trying to Correct the Course of Digital Design & Technology

Book: Cennydd Bowles, Future Ethics
Book: Cathy O'Neil, Weapons of Math Destruction
TED Talk: Joy Buolamwini, “How I’m Fighting Bias in Algorithms”
Book: Sara Wachter-Boettcher, Technically Wrong: Sexist Apps, Biased Algorithms, and Other Threats of Toxic Tech
Book: Sam Ladner, PhD, Mixed Methods: A short guide to applied mixed methods research
Book: Dave Gray, Liminal Thinking: Create the Change You Want by Changing the Way You Think
Book: Indi Young, Practical Empathy: For Collaboration and Creativity in Your Work

Gift Giving Guide

Shuri #1 – The Search for Black Panther by Nnedi Okorafor, Marvel Comic illustrated by Leonardo Romero & Jordie Bellaire

Derek Featherstone, “Inclusive, by Design”

Case studies of accessibility and inclusion on the web and with apps.

Another Lens: A research tool for conscientious creatives
What You’re Getting Wrong About Inclusive Design
Inclusion Doesn’t Stop at Accessibility
How to Implement Inclusive Design in Your Organization
Plugged In — The new Xbox Adaptive Controller will make gaming accessible to people with a broad range of disabilities.
Empathy and innovation: How Microsoft’s cultural shift is leading to new product development
How we do our work matters: Accessibility and Inclusive Design

Gerry McGovern, “The Customer-Obsessed Professional”

Become more agile by increasing the amount of customer feedback you receive, and developing faster methods to make changes to your code, content, or design.