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

Community

An Event Apart Facebook
An Event Apart Google+
@aneventapart Twitter feed
Twitter Search: #aeasf (AEA San Francisco hashtag)

Speaker Links and Resources

Yesenia Perez-Cruz

HTTP Archive
Grunt Performance Budget
How to make a Performance Budget  by Dan Mall
Designing for Performance  by Lara Hogan
More Weight Doesn’t Mean More Wait  by Scott Jehl
WebPageTest
ImageOptim

 

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

 

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

 

Jen Simmons

The Web Ahead
Demo for this talk
Code for this talk
All Websites Look The Same
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
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

 

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

 

Josh Clark

Magic and technology

Magical UX and the Internet of Things
Book: Enchanted objects by David Rose
PDF: Hazards of prophecy from Profiles of the Future by Arthur C. Clarke
Alan Kay’s 1982 seminar at Creative Think
Deeper insights into the 7th mass media channel (mobile) by Tomi Ahonen
In search of objects by Benedict Evans
Mobile first by Ben Thompson
The museum of the future is here by Robinson Meyer

Too many screens

Connected // Disconnected by Josh Clark
Book: The best interface is no interface by Golden Krishna
Wearables and our dysfunctional obsession with screens and engagement
Living with the algorithm by Josh Clark
Study: average daily smartphone use is over 3 hours
Study: attention drops if a smartphone is simply visible nearby
Understanding Apple Watch with Jen Simmons and Josh Clark
Way out animated film

Magical interaction products/projects

Video: Grab Magic
Happy Together: video and Github repo
Presto natural gesture for Android phones via Android Wear watches
Video: Word Lens and Google Translate
Video: Nappy Notifier by Huggies
Video: Neiman Marcus “Memory Mirror”
Video: Rebecca Minkoff interactive mirror
Dorothy Project
bt.tn and flic magic buttons
Amazon Dash buttons
Snapshot by Progressive Insurance
Automatic
Propeller Health (formerly Asthmapolis)
Video: ARES military sand table
Video: “Smart Dumb Things” by Argo Design
Room/E by Frog Design
Wayfindr for visually impared in London Underground
THAW by MIT’s Tangible Media Lab
ColorUp lamp
FotoSwipe
Videos: Vessyl and Colbert Report
Baidu’s smart chopsticks
pplkpr
Six Monkeys project by Brendan Dawes and Mailchimp
Videos: SyFy Sync’s Sharknado experience and the similar Netflix Hue hack
Video: 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

Of nerve and imagination by Josh Clark
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

Services and resources

Book: Designing for Touch by Josh Clark
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.

 

Rachel Andrew

My site with all of the examples shown and more
Latest Working Draft
Editor’s Draft
Grid posts on www-style
enable support for Grid Layout in browsers
an article covering the initial IE implementation
Examples from Igalia who are doing the Blink and Webkit implementation
Polyfill for the current Grid Layout specification
Post from Manuel Rego Casasnovas, who works at Igalia and is involved in implementing Grid in Chrome and Blink. How the spec evolved in 2014.
Another post detailing the current status of the browser implementation
CSS Grid and the Box Alignment Module
Modern CSS Layout - Power and Responsibility
CSS Layout Weekly News