AEA Resources: Articles, Links, and Tools From An Event Apart Nashville 2016
An in-progress compendium of links, resources, and information from the speakers at An Event Apart Nashville.
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
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