Articles, Links, and Tools From An Event Apart Boston 2016
An in-progress compendium of links, resources, and information from the speakers at An Event Apart Boston.
Community
An Event Apart Facebook An Event Apart Google+ @aneventapart Twitter feed Twitter Search: #aeabos (AEA Boston hashtag) A Groove Apart: Ten Years of AEA in Playlist Form
Attendee Write-ups
Field Notes, the WordPress Blog: An Event Apart Boston 2016 E3 Writing: 3 Things I Learned At An Event Apart Boston Hannah Birch: Twitter highlights collection
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)
Yesenia Perez-Cruz
GQ Performance Case Study Emotion & Design: Attractive things work better Talk: Stefan Sagmeister “Beauty vs. Utility” The Truth About Download Time More Weight Doesn't Mean More Wait Walmart Performance Case Study Obama for America Performance Case Study Fast Enough Designing Medium 7 Alternatives to Popular Web Typefaces for Better Performance IBM “Good Design” Creating Living Style Guides to Improve Performance
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 A blog post by Manuel Rego that gets into the implicit and explicit grid, hinting at just how complicated CSS Grid Layout gets Round specification Firefox Nightly
Rachel Andrew
Grid By Example List of resources for AEA Boston
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)
Jeremy Keith
Books
The Victorian Internet by Tom Standage, 01998
Where Wizards Stay Up Late: The Origins of the Internet by Katie Hafner, 01996
Weaving the Web by Tim Berners-Lee, 01999
The Fountains of Paradise by Arthur C. Clarke, 01979
References
On Distributed Communications by Paul Baran, 01964
Transmission Control Protocol by Jon Postel, 01980
WorldWideWeb: Proposal for a HyperText Project by Tim Berners-Lee, 01990
The Rise of the Stupid Network by David S. Isenberg, 01997
Delay-Tolerant Networking Architecture by Vint Cerf, et al, 02007
There is a Horse in the Apple Store by Frank Chimero, 02010
Resources
Submarine Cable Map by Telegeography
Everyone Has JavaScript, Right? by Stuart Langridge
Government Service Design Manual
Introduction to Service Worker by Matt Gaunt
The Offline Cookbook by Jake Archibald
Related posts on adactio.com
02014-02-26 Continuum
02014-10-23 Be progressive
02014-11-03 Just what is it that you want to do?
02015-07-02 Baseline
02015-09-06 Enhance!
Further reading
Grade components, not browsers by Scott Jehl, 02013
Building for the device agnostic web by Orde Saunders, 02013
Device-Agnostic by Trent Walton, 02014
Stop Breaking the Web by Nicolas Bevacqua, 02014
The Practical Case for Progressive Enhancement by Jason Garber, 02015
Let Links Be Links by Ross Penman, 02015
Thriving in Unpredictability by Tim Kadlec, 02015
Designing with Progressive Enhancement by Jason Garber, 02015
A fictional conversation about progressive enhancement by Tom Morris, 02015
See also: other links tagged with "progressive enhancement" on adactio.com
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 Witnessing papal history changes with digital age @hoyboy: "The CNN iOS app is so bad..." @caged: "How to browse the mobile web..." @yarcom: "The publishing industry in one screenshot." JotNot Scanner iOS app Adobe Lightroom Mobile app Facebook Ads Manager iOS app MailChimp Voice & Tone
Lara Hogan
Designing for Performance (the book)
HTML format (free to read!) Buy print & ebook formats
Studies
Google, Amazon case studies HTTP Archive’s “Interesting Stats” average breakdown of assets Reducing image sizes (blurring JPEG study) Semantics/repurposability clean up study Battery life consumption study Mobile-only internet usage Taming the Mobile Beast Seth Walker’s A Public Commitment to Performance Brad Frost’s Performance as Design
Tools and Techniques
WebPageTest ImageOptim ImageOptim CLI Wordpress plugin SVG scrubber and another one SmushIT FontSquirrel Font Generator Picturefill Tutorial on creating videos of web performance
Gerry McGovern
What Really Matters: Focusing on Top Tasks, A List Apart The Stranger's Long Neck, Gerry's book on top task management Top Tasks identification services by Customer Carewords How to conduct a top task analysis, Measuring Usability