AEA Resources: Articles, Links, and Tools From An Event Apart Nashville 2016

Community

An Event Apart Facebook
An Event Apart Google+
@aneventapart Twitter feed
Twitter Search: #aeanash (AEA Nashville hashtag)

Speaker Links and Resources

Jeffrey Zeldman

24 ways: Grid, Flexbox, Box Alignment: Our New System for Layout by Rachel Andrew
24 ways: Putting My Patterns Through Their Paces by Ethan Marcotte
A List Apart: Understanding Progressive Enhancement by Aaron Gustafson
Atomic Design (blog post) by Brad Frost
Atomic Design (book, readable online) by Brad Frost
Content Display Patterns by Daniel Mall (danielmall.com)
CSS-Tricks:  Complete Guide to Flexbox by Chris Coyier
CSS-Tricks:  A Complete Guide to Grid by Chris Coyier
CSS-Tricks: The Debate Around “Do We Even Need CSS Anymore?” by Chris Coyier
Designing With Web Standards (Wikipedia article)
Future-Friendly Manifesto
Fuzzy Notepad: Maybe we could tone down the JavaScript by “eevee”
Of Patterns and Power: Web Standards Then & Now by Jeffrey Zeldman (zeldman.com)


Rachel Andrew

Specifications & Working Group

The CSS Grid Spec - latest editor’s draft
The Box Alignment Spec - editor’s draft
Grid posts on www-style

Browser support and information

Current browser status
How to enable Grid support in browsers
An article covering the initial IE10 implementation
Grid Layout polyfill
Deep Dive into Grid Layout Placement - post from Manuel Rego Casasnovas, who works at Igalia and is involved in implementing Grid in Chrome and Blink.
Subgrids - thinking out loud
Three Years With CSS Grid Layout - a post about the journey I’ve been on with the spec over the last three years.

Examples and other resources

Grid by Example - my site of Grid examples and resources
Examples from Igalia - Igalia are implementing Grid in Blink (Chrome and Opera) and also WebKit.
CSS Grid and the Box Alignment Module
Modern CSS Layout - Power and Responsibility
A Grid Solution to the Responsive Tables Problem
Grid, Flexbox, Box Alignment - our new system for layout
CSS Layout News - my weekly layout email
Get Ready for CSS Grid Layout - my book from A Book Apart


Jen Simmons

Examples at labs.jensimmons.com
Jen’s on Twitter at @jensimmons
Listen to thewebahead.net, especially episodes 115, 114, 81, & 9 for more on layout
Video of Jen’s talk on how to use new CSS now
Video of Jen’s talk, Modern Layouts: Getting Out of Our Ruts
http://blogs.igalia.com/mrego/2016/02/01/deep-dive-into-grid-layout-placement/
Round specification
Firefox Nightly


Aaron Gustafson

Web Form Design by Luke Wroblewski -
An Extensive Guide To Web Form Usability” by Justin Mifsud
Optimizing forms for greater conversions” by Maya Nix
The Definitive Guide to Form Label Positioning” by Jessica Enders


Josh Clark

Web APIs for sensor-based UI

The full list all W3C JavaScript APIs
Geolocation
Web speech (make/understand speech) (demo)
Web audio (make/understand sound)
Media capture (audio/video/photo)
Web bluetooth
Accelerometer
Proximity
Battery status
Vibration
Ambient light

Other APIs and dev environments

Physical Web
IFTTT: If This Then That
Alexa Skills Kit for making Alexa apps
Wayfindr standard for beacon-based wayfinding
Open Hybrid for connected devices
Presto Android gesture control with smartwatch
Reality Editor augmented reality for connecting devices

Examples/videos from the talk

Nappy Notifier
Propeller Health asthma control
Amazon Echo
Amazon Dash button
Bluetooth buttons: bt.tn and flic
Ringly notification ring
Lechal map shoes
Glowcaps medication reminder
Mailchimp Oliver (also: the whole series)
Lifeprint video photographs
THAW phone/screen interaction
Happy Together music transfer (github)
Presto smartwatch gesture control
Grab Magic tv/phone sharing
Reality Editor for connecting objects
Wink Robot Butler
Wayfindr subway navigation for the blind

Framing the imaginative opportunity

Of Nerve and Imagination by Josh Clark
Magical UX and the Internet of Things (video)
Enchanted Objects (book) by David Rose
Hazards of Prophecy (pdf) from Profiles of the Future by Arthur C. Clarke
The Future Mundane by Nick Foster
#IoTH: The Internet of Things and Humans by Tim O’Reilly

Ethics and values for the physical interface

IOT Design Manifesto: guidelines for responsible design
The Ethical Design Manifesto: a response to surveillance capitalism
The Coming Age of Calm Technology by Aral Balkan
The Nature of the Self in the Digital Age by Mark Weiser and John Seely Brown
Connected // Disconnected by Josh Clark
Wearables and Our Dysfunctinoal Obsession with Screens and Engagement
Living with the Algorithm by Josh Clark
Smartwatches, Wearables and that Nasty Data Rash by Josh Clark

Speculative fiction for potential futures

Curious Rituals
Teacher of Algorithms
TBD Catalog
How smart does your bed have to be, before you are afraid to go to sleep at night? by Rich Gold
Addicted Products: the story of Brad the toaster (video)
Ethical Things: a fan that makes moral choices
Black Mirror tv series (Netflix)


Val Head

To Keep Up On Web Animation and Motion Design

The UI Animation Newsletter

To Read Up on Classic Animation Principles

The Illusions of Life Book
The Animator’s Survival Guide
TED-Ed video - The art of timing and spacing

Helpful research, examples, tools and articles

UI Animation and UX: A Not-So-Secret Friendship
Easings.net
Cubic-bezier.com
Google Web Fundamentals - Choosing the right easing
Motion & Meaning Ep 4: Playing Director with Choreography
IBM’s Machines in Motion
Meaningful Transitions

A Few Sources For Inspiration

Art of The Title
capptivate.co
All The Right Moves
Use Your Interface


Jason Grigsby

Hololens Gestures
Leap Motion Oculus Rift tour
You cannot reliably detect a touch screen
Interactive touch laptop experiments
New Rule: Every Desktop Design Has To Go Finger-Friendly
jQuery Pointer Events Polyfill
Compass.js
Warby Parker Gyroscope Example
Lightsaber Escape Gyroscope Example
Generic Sensor API Draft
requestAutocomplete
Web Cam Toy
HTML Media Capture and getUserMedia
Web Speech API Demonstration
Web Speech API Translation Demonstration
Web Bluetooth
Physical Web
Open Device Labs


Krystal Higgins

Guided interaction

Using Scaffolded Instruction To Optimize Learning
Hopscotch: A framework for user-guided tutorials
Appcues: A platform for user-guided tutorials
Coaching cadence worksheet

Free samples

Janrain: Customers who leave a website because of or lie on signup forms
Philip Kunz’s sociology experiment with Christmas Cards
Sweetening the Till: The Use of Candy to Increase Restaurant Tipping

Personal focus

Herbert Simon, scientist and psychologist and his work with attention
CMU Eberly Center Principles of Teaching


Eric Meyer

Inadvertent Algorithmic Cruelty
Thinking, Fast and Slow by Daniel Kahneman
1959 Chevrolet Bel Air vs. 2009 Chevrolet Malibu IIHS crash test
The World is Designed for Men
Flickr faces complaints over ‘offensive’ auto-tagging for photos
Google Photos labeled black people ‘gorillas’
“Edge case” tweet by Evan Hensleigh
Apple Adds Menstrual Cycle Tracking To HealthKit App
Performing a Project Premortem - Harvard Business Review
Design for Real Life
Patients Like Me
Simple
Voice and Tone
My Favorite Editing Tip: Read It Aloud by Kate Kiefer Lee
Forms That Work
Help, I’m Trapped in Facebook’s Absurd Pseudonym Purgatory


Cameron Moll

Kevin Spacey speaking at Edinburgh TV Festival
‘Ish’ by Brad Frost
The fastest-growing mobile phone markets barely use apps
Google: The New Multi-Screen World Study
Mail to Self iOS extension
No one’s forgotten how to pinch and zoom
Switching Between Devices Normal for 40% of U.S. Web Users [Facebook Study]
Web Apps & Web Views