AEA Resources: Articles, Links, and Tools From An Event Apart San Diego 2015

Community

A Feed Apart
An Event Apart Facebook
An Event Apart Google+
@aneventapart Twitter feed
Twitter Search: #aeasd (AEA San Diego) hashtag
Eventifier: An Event Apart San Diego 2015

 

Speaker Links and Resources

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

Brad Frost

Atomic Design: The Book

Jason Grigsby

Responsive Images 101

Definitions
Img Required
Srcset Display Density
Srcset Width Descriptors
Sizes
Picture Element
Type
CSS Images

Additional explanations and background

Responsive Images in Practice
Built-in Browser Support for Responsive Images
Native Responsive Images
Don’t use <picture> (most of the time)
When to use <picture> for resolution switching
How the Browser Pre-loader Makes Pages Load Faster
Who initiates image downloads?
Can I Use: Picture
Using WEBP/JPEG 2000/JPEG-XR/APNG Now With Picturefill and Modernizr
Can I Use: image-set
Sensible jumps in responsive image file sizes

Tools and resources

Picturefill
Drupal 8 Picture Module
WordPress RICG Responsive Images Plugin
Spreadsheet of image resizing services

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
The Muse of the Future Is Here by Robinson Meyer

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
Understanding Apple Watch with Jen Simmons and Josh Clark

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
Amazon Dash Button

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 by Tim O’Reilly
Of Nerve and Imagination by Josh Clark

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.

IBM After Dark

People First

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

Jen Simmons

The Web Ahead
Demo for this talk
Code for this talk
The Original Pizzahut.com
Space Jam
Microsoft’s 1994 homepage
BBC News Politics 97
The September Issue
Can I Use
Adobe’s CSS Shapes Gallery at CodePen
CSS Shapes Extension for Chrome
Tutorial on how to use the CSS Shapes Extension by Razvan Caliman (who created it)
The Web Ahead 81: Changing the Shapes with Sara Soueidan
Vote for Shapes - Microsoft
Vote for Shapes - Mozilla
Opera Mini
Multicolumn layout in the wild: Tim Berner’s Lee article
“Judy Blume Knows All Your Secrets,” NYTimes Magazine Cover Sheet example
Jen’s Experiment with Viewport Units
CSS Trick’s Complete Guide to Flexbox
Flexbox running on Chrome Dev Site
Rachael Andrew on CSS Grid
Mark Boulton on The Web Ahead
Nathan Ford’s article on layout
Gridset
Karen McGrane’s Adapting Ourselves to Adaptive Content
Bill Cunningham New York

Kevin M. Hoffman

Play Nintendo
Understanding Context by Andrew Hinton
Accelerate! by John Kotter
Livia Labate on the Marriott Responsive Redesign, Responsive Design Podcast
Ryan Shafer on the MTV Responsive Redesign, Responsive Design Podcast (launches on April 6, 2015)
The Future is Podular by Dave Gray
Boardthing
Humble Inquiry by Edgar Schien
Meetings: The Canary in the Culture Coal Mine by Kevin M. Hoffman
The Value Proposition Design Canvases and Companion
New DOT Rules Make Flying Easier for Passengers with Disabilities

Chris Coyier

A Compendium of SVG Information