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

Community

An Event Apart Facebook
An Event Apart Google+
@aneventapart Twitter feed
Twitter Search: #aeaaus (AEA Austin 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

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

 

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

Karen McGrane

The Immobile Web
Google is preparing for screenless computers
Google Glass UI Guidelines
The Ultimate Internet Toaster
Make your selfie the perfect breakfast!
WCM is for Losers
Creation Myth
Ted Nelson’s Computer Paradigm, Expressed as One-Liners
Why cards are the future of the web
Jared Stoneberg and The Lark Cookbook
The leaked NY Times Innovation Report
The solutions to all our problems may be buried in PDFs that nobody reads
The Battle for the Body Field
Content Modelling: A Master Skill
Content Modeling Series by Cleve Gibbon
Deblobbing your chunks: Building a flexible content model

Ethan Marcotte

More information about Pando, and its future
Chris Coyier’s guide to flexbox
Philip Walton’s library of common layout patterns “solved” by flexbox
The Illusion of Life, by Frank Thomas and Ollie Johnston. (Frank Thomas and Ollie Johnston’s official site is worth your time, too.)

Lara Hogan

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

Jason Grigsby

Responsive Images 101

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

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

Brad Frost

Atomic Design: The Book

Matt Haughey

Support at Slack

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