Articles, Links, and Tools From An Event Apart Orlando 2018

• Beyond Engagement: the Content Performance Quotient
• No More FAQs: Create Purposeful Information for a More Effective User Experience by Lisa Wright
• The King vs. Pawn Game of UI Design by Erik Kennedy
• Why Performance Matters by Jeremy Wagner
• Marlboro Man (Wikipedia)
• @DesignCPQ on Twitter
• Performance: Showing Versus Telling by Laura Hogan
• Planning for Performance by Scott Jehl
• We need design that is faster and design that is slower.
• Art Direction and the Web by Stephen Hay
• Large Type: One Web Designer Puts Content First in a Big Way by Anthony Wing Kosner
• Authoritative, Readable, Branded: Report From Poynter Design Challenge, Part 2
• To Save Real News
• The Big Web Show № 171: Art Directing the News – with ProPublica Design Director David Sleight
• Top Task Management: Making it Easier to Prioritize by Gerry McGovern—An Event Apart video
• Organizing Mobile by Luke Wroblewski
• Redesigning in Public Again
• The Year in Design

• 256 Web Safe Colours and Names
• Gary Vee
• Vanity Metrics
• Google Digital Garage
• Social Views Per Day
• Snapchat’s Weakness is the “Olds”.
• Video will account for 80% of Consumer Traffic in 2019
• Virgin Holidays
• Klarna
• Facebook Pixel
• [Infographic] Marketers Who Use Video Outperform Their Peers
• Facebook Audience Insights
• trends.google.com
• Google My Business
• Hashtagify
• Planoly
• Trust in Earned Advertising Grows in Importance
• Search for Influencers in a Given Market
• Instagram Influencer Rates
• Away Travel

• Code Collection of examples used
• CSS Grid Specification
• Flexbox Specification
• Box Alignment Specification
• CSS Intrinsic and Extrinsic Sizing Specification
• Grid by Example
• CSS Grid documentation on MDN
• Mozilla CSS Grid playground
• CSS Grid Gotchas and Stumbling Blocks
• Naming Things in CSS Grid Layout
• Breaking out with CSS Grid Explained
• CSS Grid Fallbacks and Overrides Cheatsheet
• Should I try to use the IE implementation of Grid Layout
• Using Feature Queries in CSS
• CSS Grid - Supporting browsers without grid
• Naming things in CSS Grid Layout
• MDN Flexbox docs
• Getting Started With CSS Layout
• Best Practices With CSS Grid Layout

• CSS Conditional Rules Module Level 3
• Picture credit: Innerbelt Bridge by Erik Drost, used under the terms of CC BY 2.0; minor straightening and color enhancement applied
• CSS:TDG4e Table of Contents
• CSS Flexible Box Layout Module Level 1
• Speaker pages:
  • Jen Simmons
  • Rachel Andrew
  • Eric Meyer
  • Jeffrey Zeldman
• An Event Apart San Francisco 2018 store page (note: page will expire December 2018)
• CSS Grid Layout Module Level 1
• How We Adopted CSS Grid at Scale

• Layout Land on YouTube
• Layout Land
• Jen Simmons
• @jensimmons
• Firefox Nightly
• Example 1, HTML Flow only
• Example 2, Fluid Web Design
• Example 2.5, Fluid Web Design
• Example 3, Fixed Web Design
• Example 4, Responsive Web Design
• Example 5, Intrinsic Web Design
• Example of Image Options
• Stages of Squish
• Nesting Contexts
• Teaser card
• Multiple Teaser Card nested in a Grid layout

Design Systems

• Shopify Polaris
• Primer
• GitHub Style Guide
• Carbon Design System
• IBM Design Language
• Lightning Design System
• Welcome to the MailChimp Content Style Guide

Resources

• Website Style Guide Resources
• A collection of awesome design systems
• Voice & Tone
• Introducing design systems
• Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean
• Space in Design Systems

Tooling

• WebPagetest
• WebAIM: Web Accessibility in Mind
• Pa11y
• CSS Stats

• “The Inclusion Principle”:
• W3C writing guidelines:
• Mailchimp voice and tone
• Hemingway app
• Grammarly
• UX Matters
• usability.gov
• UX Booth
• Inclusive writing

• Harry Roberts’ tweet
• Jason Fried’s tweet
• General Data Protection Regulation (Wikipedia entry)
• Privacy by design (Wikipedia entry)
• GDPR for Web Developers
• 30% of all Internet users will ad block by 2018
• Survey shows US ad-blocking usage is 40 percent on laptops, 15 percent on mobile
• Firefox will soon be blocking trackers by default
• Ghostery
• Calibre
• SpeedCurve
• Dareboost
• HAR Resources
• Charles
• Driving WebPagetest from a Google Docs Spreadsheet
• Request Map Generator
• BuiltWith
• Posts Tagged “Third-Party” at trentwalton.com
• Trackers | Better
• Third-Party Script Prevalence on Alexa Top 50
• Tweet about BBC load abandonment
• WebPagetest

• Make Space: How to Set the Stage for Creative Collaboration
• GV Guide to Design Critique
• Etsy’s Debriefing Facilitation Guide for Blameless Postmortems
• Enterprise Design Sprints by Richard Banfield
• The DesignOps Handbook by Dave Malouf, Collin Whitehead, Meredith Black, and Kate Battles
• DesignBetter.Co