Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

Schedule: CSS3 sessions

9:00am–12:30pm Tuesday, June 20, 2017
Modern Web Essentials
Location: 210 CG
Rachel Andrew (Edgeofmyseat.com)
Average rating: ****.
(4.33, 6 ratings)
2017 brings a massive change in the tools for laying out websites and applications with CSS. Rachel Andrew offers an introduction to new CSS tools such as Flexbox and Grid and explains how existing methods fit into this new system as well as how to approach support for older browsers. Read more.
9:00am–9:40am Wednesday, June 21, 2017
Max Stoiber (Spectrum.chat)
Average rating: ****.
(4.38, 8 ratings)
Building user interfaces on the web is hard, because the web—and thus CSS—was inherently made for documents. Because UIs fundamentally are not documents, we've seen a mindset shift toward building component-based systems. Drawing on his work with Glen Maddern, Max Stoiber offers an overview of styled-components, a new way to style React apps that takes the best of CSS. Read more.
11:00am–11:40am Wednesday, June 21, 2017
Modern Web Essentials
Location: 210 CG
Rachel Andrew (Edgeofmyseat.com)
Average rating: ****.
(4.14, 7 ratings)
Rachel Andrew shares a modern roadmap for browser support that enables you to create sites that can enhance themselves as the platform improves—without leaving people stuck on older browsers in the cold. Read more.
4:25pm–5:05pm Wednesday, June 21, 2017
Modern Web Essentials
Location: 210 CG
Bryan Braun (Sparkbox)
Average rating: ****.
(4.20, 5 ratings)
There are more options than ever for animating things on the web. Bryan Braun leads a tour of the web animations ecosystem, comparing animation approaches in detail and exploring the principles that transcend them all. To do this, Bryan uses lessons learned from building and maintaining Bouncy Ball, a project that compares web animation approaches (think, a TodoMVC for web animation). Read more.
4:25pm–5:05pm Wednesday, June 21, 2017
Performance Matters
Location: 210 AE
Eli Fitch (Social Tables)
Average rating: ****.
(4.94, 16 ratings)
Perceived performance, in the end, is the only performance that truly matters. If what we make doesn't feel fast, then no amount of optimization counts. Eli Fitch breaks down the psychology of how users perceive time and how we can combine that knowledge with clever use of animation, unconventional event listeners, and predictive design to make our experiences seem faster than they actually are. Read more.
9:00am–9:40am Thursday, June 22, 2017
Web Platform Foundations
Location: 210 CG
Estelle Weyl (Instart Logic)
Average rating: ****.
(4.67, 6 ratings)
If you think outside the box, you can solve almost anything with CSS. Join Estelle Weyl to learn the power of CSS, as she covers several CSS WTFs. Depending on your perspective, that can mean "wonderfully terrific feature" or, very often, "what the @#$%!." Read more.
11:00am–11:40am Thursday, June 22, 2017
Modern Web Essentials
Location: 210 CG
Ben Ilegbodu (Eventbrite)
Average rating: ****.
(4.00, 3 ratings)
Building linear layouts in CSS has been hard. Tables are bad, inline-block has quirks, and floats are insufficient. Thankfully CSS Flexbox enables us to elegantly solve our layout problems. Ben Ilegbodu dives into Flexbox, covering what it is, why you should use it, how it’s configured, and where it’s most useful. Read more.