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

An Event Apart is proud to be sponsored by: