Articles, Links, and Tools From An Event Apart DC 2017
An in-progress compendium of links, resources, and information from the speakers at An Event Apart DC 2017.
Community
- @aneventapart Twitter feed
- An Event Apart Facebook
- An Event Apart Google+
- Twitter Search: #aeadc (AEA DC hashtag)
- Eventifier: Photos, Tweets & Posts from AEADC
Speaker Links and Resources
Jeffrey Zeldman
- Sharing Our Work: Testing and Feedback in Design by Jessica Harllee
- A Primer on A/B Testing by Lara Hogan
- What Really Matters: Focusing on Top Tasks by Gerry McGovern
- Interviewing Humans by Erika Hall
- Managing Feature Requests by Rachel Andrew
- Beyond Goals: Site Search Analytics from the Bottom Up by Lou Rosenfeld
- Beyond Usability Testing by Devan Goldstein
- Design, White Lies & Ethics by Dan Turner
- The Distance to Here by Rian van der Merwe
- Connected UX by Aarron Walter
- Being Real Builds Trust by Steph Hay
- Audiences, Outcomes, and Determining User Needs by Corey Vilhauer
- Product Management for the Web by Kristofer Layon
- Testing Content by Angela Colter
- Quick and Dirty Remote User Testing by Nate Bolt
- Internal Site Search Analysis: Simple, Effective, Life Altering! by Avinash Kaushik
- 10 Fundamental Web Analytics Truths: Embrace 'Em & Win Big by Avinash Kaushik
- Is Conversion Rate Enough? It's A Good Start, Now Do More! by Avinash Kaushik
- Analyze This: 5 Rules For Awesome Impromptu Web Analysis by Avinash Kaushik
- How to Conduct Competitive Research by Inc. staff
- 10 Tips on How to Research Your Competition by Darren Dahl
- Book: Just Enough Research by Erika Hall
- How We Write Proposals in My Design Studio by Jeffrey Zeldman
Stephanie Hay
Daniel Burka
Dan Mall
- Front Product Roadmap
- Christopher Alexander’s A Pattern Language
- 1970 New York City Transit Authority Graphics Standards Manual
- Designed by Apple in California
- Shoe Dog
- Open Article nº2
- Dotdash
- After 18 years, About.com is changing its name and shutting down its website — its CEO reveals how it all went down
- Element Collages
- Verywell
- Lifewire
- The Balance
- The Spruce
- John Maeda: If You Want to Survive in Design, You Better Learn to Code
- Lightning Design System: Design Tokens
- Epsonality
- Framer
- Painting with Code
- Epicurrence.com — No.5 Jackson Hole, WY
- 8-point Grid
- Expressive CSS
- Tachyons
- Atomic CSS
- Sketch 43 is coming to town with a new game. An open file format!
- Sketch Version 43
- Bodymovin
- Agile Manifesto
Rachel Andrew
- Code Collection of examples used
- Boring CSS
- Glish CSS
- The Noodle Incident Box Lessons
- Fractal
- Using Feature Queries in CSS
- CSS Grid Specification
- Flexbox Specification
- Box Alignment Specification
- CSS Shapes Specification
- Can I Use
- Being Where the People Are - a post about vendor prefixes
- Grid by Example
- MDN Grid Guides
- Box Alignment Cheatsheet
- Grid Fallbacks and Overrides Cheatsheet
Jen Simmons
- Examples from this talk
- A giant list of links to resources for learning CSS Grid
- Jen Simmons, The benefits of learning how to code layouts with CSS
- Jen Simmons, Six Layout Myths Busted
- Layout Land
- Video of Jen Simmons’ 2015 talk, Modern Layouts: Getting Out Of Our Ruts
- Video of Jen Simmons’ 2016 talk, Revolutionize Your Page: Real Art Direction on the Web
- Book recommendation, Graphic Design the New Basics
- The Vignelli Canon (free PDF)
- Mark Boulton, A Richer Canvas
- Mark Boulton, Five Simple Steps to Designing Grid Systems, Part 1
- The Marber example at Grid Set App (and find others, along with blog posts at https://gridsetapp.com)
- Nathan Ford, Content Out Layout
- Jen Simmons, CSS Writing Modes
- Jen Simmons, Using Feature Queries in CSS
- Grid Garden, a game for learning bits of CSS Grid
- An article on Fan Ho, the Hong Kong photographer with the beautiful vertical images
- Information on how to use CSS Grid and support Internet Explorer and browsers that don't support Grid.
Val Head
Jason Grigsby
Progressive Web App Definitions
- Progressive Web Apps: Escaping Tabs Without Losing Our Soul — Where Frances Berriman and Alex Russell define Progressive Web Apps for the first time.
- Progressive Web Apps at Google
- Naming Progressive Web Apps by Frances Berriman
- A Brief History of How PWAs Came to Be a Twitter moments thread
Why Progressive Web Apps?
- Progressive Web Apps Simply Make Sense
- The Business Case for Progressive Web Apps
- iOS doesn’t support Progressive Web Apps, so what?
PWA Discovery
- PWA Discovery: You Ain’t Seen Nothin Yet
- Progressive web apps and the Windows ecosystem
- Why Are App Install Banners Still A Thing?
- Integrating Progressive Web Apps deeply into Android
Case Studies
- PWA Stats
- Google Case Studies
- WEGO Case Study Video
- Forbes Case Study Video
- Why does The Washington Post’s Progressive Web App increase engagement on iOS?
- Flipkart triples time-on-site with Progressive Web App
- Konga cuts data usage 92% with new Progressive Web App
- United eXtra Electronics grows eCommerce sales by 100% with Web Push Notifications
- 5miles decreases bounce rate by 50% and increases conversions by 60% with new Progressive Web App
- AliExpress saw 82% increase in iOS conversion rate
- Hey, Hey, Cloud Four is a PWA!
PWA UX
- Designing Responsive Progressive Web Apps
- Designing Great UIs for Progressive Web Apps
- Instant Loading Web Apps With An Application Shell Architecture
- Does Anyone Use Social Sharing Buttons on Mobile?
- Introducing the Web Share API
- Regressive Web Apps
- Retrofit Your Website as a Progressive Web App
AMP to PWA
- Accelerated Mobile Project (AMP)
- Combine AMP with Progressive Web Apps
- Bootstrapping Progressive Web Apps with amp-install-serviceworker
Notifications
- How Consumers Really Feel About Push Notifications
- Best Practices for Push Notifications Permissions UX
- Web Push Notifications: Timely, Relevant, and Precise
Sample PWAs
- Twitter Lite
- Vaadin Expense Manager Demo
- FlipKart
- English Accent Maps
- Smashing Magazine
- Offline WikiPedia
- Pokedex
- Polymer Shop Demo
- Cloud Four
PWA Galleries
PWA Resources and Tools
- MDN Documentation on
display-modemedia query - PWA Builder
- Lighthouse
- Proposed Web Share API (experimental)
Technically not PWA, but important and interesting
- HTTP/2 — A faster protocol for web traffic.
- Credential Management API and Google documentation
- Payment Request API and Google documentation
Una Kravets
- Google Mobile Perf Study Results
- Internet Usage in India
- Wikipedia
- Progressive Rendering
- Putting your Images on a Diet
- WebP Documentation
- Video on WebP
- Zamzar Online Converter
- Homebrew
- BPG Web Encoder
- FLIF Format
- FLIF Polyfill
- magick-loader
- gulp-gm
- grunt-imagemagick
- node-imagemagick
- SVGOMG
- Comparing File Formats
- Introducing GIFV
- Social Media Sizes Cheat Sheet
- “Blur-Up” Technique
- Medium’s Image Loading Technique
- iOS Video Autoplay News
- Facebook Image Loading Technique
- Picturefill
- una.im/CSSgram
- Guetzli Compression
- Nginx Caching
- Cloudinary
Eric Meyer
- Amazon AWS S3 outage is breaking things for a lot of websites and apps
- http://meyerweb.com/eric/thoughts/2016/12/08/not-on-this-day/
- Keith J. Grant’s tweet about unknowns
- Bug #14530 — "Cheatin', uh?" is not helpful feedback for users or developers
- Bug #38332 — "Cheating" message insults; needs changing
- ‘Pokemon Go’ players stumble on hidden history
- ‘Pokemon Go’ Players Accidentally Cross Illegally Into U.S. From Canada
- From Bosnian Minefields To Iraqi War Zones, Pokemon Go Players Know No Bounds
- BURGER KING® | Connected Whopper®
- Google blocks invasive Burger King ad from taking over Google Home
- TV news report about unwanted Alexa orders triggers unwanted Alexa orders
- Inclusive - Microsoft Design
- Design for Real Life
Gerry McGovern
Community
- @aneventapart Twitter feed
- An Event Apart Facebook
- An Event Apart Google+
- Twitter Search: #aeadc (AEA DC hashtag)
- Eventifier: Photos, Tweets & Posts from AEADC
Speaker Links and Resources
Jeffrey Zeldman
- Sharing Our Work: Testing and Feedback in Design by Jessica Harllee
- A Primer on A/B Testing by Lara Hogan
- What Really Matters: Focusing on Top Tasks by Gerry McGovern
- Interviewing Humans by Erika Hall
- Managing Feature Requests by Rachel Andrew
- Beyond Goals: Site Search Analytics from the Bottom Up by Lou Rosenfeld
- Beyond Usability Testing by Devan Goldstein
- Design, White Lies & Ethics by Dan Turner
- The Distance to Here by Rian van der Merwe
- Connected UX by Aarron Walter
- Being Real Builds Trust by Steph Hay
- Audiences, Outcomes, and Determining User Needs by Corey Vilhauer
- Product Management for the Web by Kristofer Layon
- Testing Content by Angela Colter
- Quick and Dirty Remote User Testing by Nate Bolt
- Internal Site Search Analysis: Simple, Effective, Life Altering! by Avinash Kaushik
- 10 Fundamental Web Analytics Truths: Embrace 'Em & Win Big by Avinash Kaushik
- Is Conversion Rate Enough? It's A Good Start, Now Do More! by Avinash Kaushik
- Analyze This: 5 Rules For Awesome Impromptu Web Analysis by Avinash Kaushik
- How to Conduct Competitive Research by Inc. staff
- 10 Tips on How to Research Your Competition by Darren Dahl
- Book: Just Enough Research by Erika Hall
- How We Write Proposals in My Design Studio by Jeffrey Zeldman
Stephanie Hay
Daniel Burka
Dan Mall
- Front Product Roadmap
- Christopher Alexander’s A Pattern Language
- 1970 New York City Transit Authority Graphics Standards Manual
- Designed by Apple in California
- Shoe Dog
- Open Article nº2
- Dotdash
- After 18 years, About.com is changing its name and shutting down its website — its CEO reveals how it all went down
- Element Collages
- Verywell
- Lifewire
- The Balance
- The Spruce
- John Maeda: If You Want to Survive in Design, You Better Learn to Code
- Lightning Design System: Design Tokens
- Epsonality
- Framer
- Painting with Code
- Epicurrence.com — No.5 Jackson Hole, WY
- 8-point Grid
- Expressive CSS
- Tachyons
- Atomic CSS
- Sketch 43 is coming to town with a new game. An open file format!
- Sketch Version 43
- Bodymovin
- Agile Manifesto
Rachel Andrew
- Code Collection of examples used
- Boring CSS
- Glish CSS
- The Noodle Incident Box Lessons
- Fractal
- Using Feature Queries in CSS
- CSS Grid Specification
- Flexbox Specification
- Box Alignment Specification
- CSS Shapes Specification
- Can I Use
- Being Where the People Are - a post about vendor prefixes
- Grid by Example
- MDN Grid Guides
- Box Alignment Cheatsheet
- Grid Fallbacks and Overrides Cheatsheet
Jen Simmons
- Examples from this talk
- A giant list of links to resources for learning CSS Grid
- Jen Simmons, The benefits of learning how to code layouts with CSS
- Jen Simmons, Six Layout Myths Busted
- Layout Land
- Video of Jen Simmons’ 2015 talk, Modern Layouts: Getting Out Of Our Ruts
- Video of Jen Simmons’ 2016 talk, Revolutionize Your Page: Real Art Direction on the Web
- Book recommendation, Graphic Design the New Basics
- The Vignelli Canon (free PDF)
- Mark Boulton, A Richer Canvas
- Mark Boulton, Five Simple Steps to Designing Grid Systems, Part 1
- The Marber example at Grid Set App (and find others, along with blog posts at https://gridsetapp.com)
- Nathan Ford, Content Out Layout
- Jen Simmons, CSS Writing Modes
- Jen Simmons, Using Feature Queries in CSS
- Grid Garden, a game for learning bits of CSS Grid
- An article on Fan Ho, the Hong Kong photographer with the beautiful vertical images
- Information on how to use CSS Grid and support Internet Explorer and browsers that don't support Grid.
Val Head
Jason Grigsby
Progressive Web App Definitions
- Progressive Web Apps: Escaping Tabs Without Losing Our Soul — Where Frances Berriman and Alex Russell define Progressive Web Apps for the first time.
- Progressive Web Apps at Google
- Naming Progressive Web Apps by Frances Berriman
- A Brief History of How PWAs Came to Be a Twitter moments thread
Why Progressive Web Apps?
- Progressive Web Apps Simply Make Sense
- The Business Case for Progressive Web Apps
- iOS doesn’t support Progressive Web Apps, so what?
PWA Discovery
- PWA Discovery: You Ain’t Seen Nothin Yet
- Progressive web apps and the Windows ecosystem
- Why Are App Install Banners Still A Thing?
- Integrating Progressive Web Apps deeply into Android
Case Studies
- PWA Stats
- Google Case Studies
- WEGO Case Study Video
- Forbes Case Study Video
- Why does The Washington Post’s Progressive Web App increase engagement on iOS?
- Flipkart triples time-on-site with Progressive Web App
- Konga cuts data usage 92% with new Progressive Web App
- United eXtra Electronics grows eCommerce sales by 100% with Web Push Notifications
- 5miles decreases bounce rate by 50% and increases conversions by 60% with new Progressive Web App
- AliExpress saw 82% increase in iOS conversion rate
- Hey, Hey, Cloud Four is a PWA!
PWA UX
- Designing Responsive Progressive Web Apps
- Designing Great UIs for Progressive Web Apps
- Instant Loading Web Apps With An Application Shell Architecture
- Does Anyone Use Social Sharing Buttons on Mobile?
- Introducing the Web Share API
- Regressive Web Apps
- Retrofit Your Website as a Progressive Web App
AMP to PWA
- Accelerated Mobile Project (AMP)
- Combine AMP with Progressive Web Apps
- Bootstrapping Progressive Web Apps with amp-install-serviceworker
Notifications
- How Consumers Really Feel About Push Notifications
- Best Practices for Push Notifications Permissions UX
- Web Push Notifications: Timely, Relevant, and Precise
Sample PWAs
- Twitter Lite
- Vaadin Expense Manager Demo
- FlipKart
- English Accent Maps
- Smashing Magazine
- Offline WikiPedia
- Pokedex
- Polymer Shop Demo
- Cloud Four
PWA Galleries
PWA Resources and Tools
- MDN Documentation on
display-modemedia query - PWA Builder
- Lighthouse
- Proposed Web Share API (experimental)
Technically not PWA, but important and interesting
- HTTP/2 — A faster protocol for web traffic.
- Credential Management API and Google documentation
- Payment Request API and Google documentation
Una Kravets
- Google Mobile Perf Study Results
- Internet Usage in India
- Wikipedia
- Progressive Rendering
- Putting your Images on a Diet
- WebP Documentation
- Video on WebP
- Zamzar Online Converter
- Homebrew
- BPG Web Encoder
- FLIF Format
- FLIF Polyfill
- magick-loader
- gulp-gm
- grunt-imagemagick
- node-imagemagick
- SVGOMG
- Comparing File Formats
- Introducing GIFV
- Social Media Sizes Cheat Sheet
- “Blur-Up” Technique
- Medium’s Image Loading Technique
- iOS Video Autoplay News
- Facebook Image Loading Technique
- Picturefill
- una.im/CSSgram
- Guetzli Compression
- Nginx Caching
- Cloudinary
Eric Meyer
- Amazon AWS S3 outage is breaking things for a lot of websites and apps
- http://meyerweb.com/eric/thoughts/2016/12/08/not-on-this-day/
- Keith J. Grant’s tweet about unknowns
- Bug #14530 — "Cheatin', uh?" is not helpful feedback for users or developers
- Bug #38332 — "Cheating" message insults; needs changing
- ‘Pokemon Go’ players stumble on hidden history
- ‘Pokemon Go’ Players Accidentally Cross Illegally Into U.S. From Canada
- From Bosnian Minefields To Iraqi War Zones, Pokemon Go Players Know No Bounds
- BURGER KING® | Connected Whopper®
- Google blocks invasive Burger King ad from taking over Google Home
- TV news report about unwanted Alexa orders triggers unwanted Alexa orders
- Inclusive - Microsoft Design
- Design for Real Life