AEA Resources: Articles, Links, and Tools From An Event Apart Atlanta 2015
An Event Apart Atlanta is now over, but you can revisit all the insights and wisdom with these resource links shared by our amazing speakers.
Community
An Event Apart Facebook
An Event Apart Google+
@aneventapart Twitter feed
Twitter Search: #aeaatl (AEA Atlanta) hashtag
Eventifier: An Event Apart Atlanta 2015
Session notes from Torre Kean
The Work That Dare Not Speak Its Name
Designing for Social Behavior
Change or Die
Design Decisions Through the Lens of Performance
Typesetting Body Text Like a Pirate Jedi with DeLorean
So…What Do I Make?
Designing for Crisis
Smaller, Faster Web Sites
Responsive Images are Here. Now What?
Prototyping and Play
Content Amid Chaos
Magical UX and the Internet of Things
3 Things You Can Learn From My Time at An Event Apart Atlanta by Kendra Skeene (georgia.gov)
Speaker Links and Resources
Samantha Warren
Nearly two thirds of cell phone owners use their phone to go online
Device Ownership Over Time
Coffee War
Steve Jobs on Paul Rand
Story Maps
Style Tiles
Abler
Accessible Icon Project
Atomic Design
Slack
Style Guide Generators
Paula Scher
Sara Wachter-Boettcher
Less Training, More Practice
Just Do One Thing
Content Strategy 2015 (slide deck)
Experiments in roadmapping at GOV.UK
Why Your Roadmap Should be Flexible
How to switch your identity from content expert to coach (video)
Tim Brown
Introduction
@nicewebtype
Typekit: Source Sans
Typekit: Adelle
Marcin Wichary: Death to Typewriters
Performance
Dan Mall on performance budgets
“Performance is the new validation.” — Jeremy Keith @ 33:36
Nathan Ford: Adventures in Dynamic Subsetting
Font Family Reunion compatibility tables
Typekit blog: Custom language subsetting options
8 Faces issue #8
Bram Stein on font loading at Webfontday @ 9:29
Spritz reading
Luke Wroblewski: Switch between reading and listening
Walter Ong: Orality and Literacy
Force
Method of Action: Kerntype, by Mark MacKay
John Downer’s Proportions and Hierarchies workshop
Tobias Frere-Jones
Typekit Practice: Selecting typefaces for body text, by Tim Brown
Typekit Practice: Getting the most out of type specimens, by Aura Seltzer
A Book Apart: On Web Typography, by Jason Santa Maria
Typographica: Type Reviews
Klim Type Foundry: Design Information
The State of Web Type, by Bram Stein
The Shape of Design, by Frank Chimero
Flippant, by Nathan Ford
Clay in a Potter’s Hand, an essay by Jan Tschichold
Anchoring
Five Simple Steps: A Pocket Guide to Combining Typefaces, by Tim Brown
Fonts In Use
Ethan Marcotte: Sizing the legible letter
Chris Coyier: Font size idea
Modular Scale calculator, by Scott Kellum and Tim Brown
Molten Leading
Inside Paragraphs, by Cyrus Highsmith
Single-direction margin declarations, by Harry Roberts
Deriving layout from your typeface, by Nathan Ford
Systems
Setting type with Sass maps, by Robin Rendle
Susan Robertson: Creating a type style guide
Typecast
Progressive enhancement matrix
Font events at Typekit
Type rendering mix
Context
Bret Victor, Inventing on Principle
Universal Typography demo, by Tim Brown
Dan Mall
OmmWriter
nvALT
The Magical, Short-Form Creative Brief, by Jared Spool
Interface Inventory, by Brad Frost
Radio Free Europe: An open redesign, by Dan Mall
WebPagetest
Fast Enough, by Tim Kadlec
HTTP Archive
Visual Inventory, by Dan Mall
Reading Is Fundamental open redesign
Visual Design Explorations, by Paul Lloyd
Inventing on Principle, by Bret Victor
Creative Cloud Libraries, by Dan Mall
Pattern Lab
Michael Jackson’s Beat It a capella
Jason Grigsby
Can I Use: Picture
Coyote catches the Road Runner!
A framework for discussing responsive images solutions
Use Cases and Requirements for Standardizing Responsive Images
How the Browser Pre-loader Makes Pages Load Faster
Srcset and sizes
Don’t use <picture> (most of the time)
When to use <picture> for resolution switching
Using WEBP/JPEG 2000/JPEG-XR/APNG Now With Picturefill and Modernizr
image-set(): The Forgotten Responsive Images Spec
Can I Use: image-set
MDN <resolution>
Retina Display Media Query
Sensible jumps in responsive image file sizes
Picturefill
Drupal 8 Picture Module
WordPress RICG Responsive Images Plugin
Spreadsheet of image resizing services
Responsive Images in Practice
Built-in Browser Support for Responsive Images
Native Responsive Images
Dave Rupert
Clicky Image Prototypes
Motion Prototypes
Framer - Prototype Interaction and Animation
Origami - Design prototyping with Quartz Composer
Code Prototypes
CodePen
[Shoptalk] Show page
Jekyll
Pattern Labs
Pattern Lab | Build Atomic Design Systems
Pattern Lab demos
Frameworks
Bootstrap
The Accessibility Project
ZURB Foundation
Ionic
Iconic example
Sharing
Books
Flow: The Psychology of Optimal Experience (Harper Perennial Modern Classics)
Kamikaze Biker: Parody and Anomy in Affluent Japan
Demo
Josh Clark
Magic and Technology
Hazards of Prophecy from Profiles of the Future by Arthur C. Clarke
Alan Kay’s 1982 seminar at Creative Think
Enchanted Objects by David Rose
Deeper insights into the 7th mass media channel (mobile) by Tomi Ahonen
In Search of Objects by Benedict Evans
Mobile and Sensor-Driven UI
Mobile First by Ben Thompson
Word Lens and Google Translate
Nappy Notifier by Huggies
Too Many Screens
Study: average daily smartphone use is over 3 hours
Study: attention drops if smartphone simply visible nearby
Way Out animated film
Magical interaction products/projects
Grab Magic
Happy Together
Neiman Marcus “Memory Mirror”; related CBS news story
Rebecca Minkoff interactive mirror
Dorothy Project
bt.tn and flic magic buttons
Snapshot by Progressive Insurance
Automatic
Propeller Health (formerly Asthmapolis)
ARES military sand table
“Smart Dumb Things” by Argo Design
Room/E by Frog Design
THAW by MIT’s Tangible Media Lab
ColorUp lamp
FotoSwipe
Vessyl and Colbert Report
Baidu’s smart chopsticks
pplkpr
Withings Activité
Mailchimp’s Six Monkeys project
SyFy Sync’s Sharknado experience and the similar Netflix Hue hack
Mega Stomp Battle
Designing for Pre-Attention
Wikipedia: pre-attentive processing
Smart Watches, Wearables, and That Nasty Data Rash by Josh Clark
The Human Element
How smart does your bed have to be, before you are afraid to go to sleep at night? by Rich Gold
Wikipedia: Mechanical Turk automaton chess player
[#IoTH: The Internet of Things and Humans]oreilly by Tim O’Reilly
Services and resources
The challenge for web designers in 2015 (or how to cheat at the future) by Richard Pope. A great collection of emerging browser APIs.
IFTTT
Zapier
Also, you can totally get your very own magic-wand remote at The Wand Company.