The State of the Web

(November 19, 2020) Rick meets with Steve Souders, who created the HTTP Archive project 10 years ago this month, to talk about its origins and reflect on it's growth. They're also joined by Patrick Meenan, creator of WebPageTest and maintainer of HTTP Archive, along with Paul Calvano, past State of the Web guest and also a maintainer of HTTP Archive. For links to everything we discussed → https://goo.gle/3nfhjfA

(February 5, 2020) In this episode of the State of the Web, Rick Viscomi talks with Brad Frost (Web Designer and author of Atomic Design) about design systems highlighting web design, material design, and more. Let’s get started! For more info about everything discussed in this video, check out the original video→ https://goo.gle/3jqkq36

(January 8 , 2020) In this episode of the State of the Web, Rick Viscomi talks with Marcy Sutton (Head of Learning at Gatsby Inc) about web accessibility. Learn about what accessibility means, the impact of the Domino’s ruling, and more in this episode. For more info about everything discussed in this video, check out the original video → https://goo.gle/2B37mPY

(November 6, 2019) Rick and Doug talk about the best practices for including video on your page and some reasons you might actually *not* want to include video. It may seem like a daunting task given the array of configuration and hosting options, but, like images, there are simple best practices to ensure that there is a healthy balance between visual quality and the user experience. For more info about everything discussed in this video, check out the original video → https://goo.gle/32uWF47

(September 4, 2019) Developing for the global web is so much more than just translating content into multiple languages. In this episode of the State of the Web, Rick Viscomi (Developer Programs Engineer at Google) sits down with Andrey Sitnik (Lead Frontend Engineer at Evil Martians) to talk about considerations for globalization and the tools available to web developers. For more info about everything discussed in this video, check out the original video→ https://goo.gle/2Z5dYq6

(October 2, 2019) In this episode of the State of the Web, Rick Viscomi talks with Ben Morss (Developer Advocate at Google) about AMP. Learn how and why AMP got started, why you might want to use it on your website, and what new features are in its pipeline. For more info about everything discussed in this video, check out the original video→ https://goo.gle/2ZM1Nxt

(June 5, 2019) Rick Viscomi and Colin Bendell (CTO Office at Cloudinary) discuss the state of images. Colin explains the basics like the conventional wisdom of choosing file formats, how to fine tune image quality, and serving responsive images. Rick and Colin also discuss some of the more advanced topics like the roles of human biology, automation, and security. For more info about everything discussed in this video, check out the original video→ https://goo.gle/3e22M2A

(July 3, 2019) When we pull stats about the state of the web, like the percent of websites adopting HTTPS or the median amount of image bytes per page, these figures come from web transparency datasets on BigQuery like the HTTP Archive and Chrome UX Report. In this video, Rick Viscomi and Felipe Hoffa (BigQuery Developer Advocate) talk about the capabilities of BigQuery and how to get started with it. For more info about everything discussed in this video, check out the original video→ https://goo.gle/2C3kWD1

(May 1, 2019) Rick chats with Adam Argyle (Design Advocate at Google) about the role of design systems in modern web development and how they can change the dynamics between designer and developer. Adam also talks about his tool VisBug and how it "makes any webpage feel like an artboard". For more info about everything discussed in this video, check out the original video→ https://goo.gle/30DdbxK

(April 3, 2019) Rick Viscomi and Jen Simmons (CSS Working Group, Mozilla) discuss the process of CSS standardization and the evolution of how developers style the web. For more info about everything discussed in this video, check out the original video→ https://goo.gle/3dZ4rps

(March 6, 2019) Rick and Una discuss the state of CSS: its outdated reputation for being unwieldy, tools that help developers work with CSS, and the status of powerful new APIs like flexbox, grid, and Houdini. For more info about everything discussed in this video, check out the original video → https://goo.gle/2XNCD0w

(February 6, 2019) Rick and Jeff (Chrome DevRel) discuss the state of service workers: how they enable PWA functionality, which websites are a good fit, current adoption, common implementation mistakes, and how the Workbox tool can help. For more info about everything discussed in this video, check out the original video→ https://goo.gle/2MmjeP8

(January 2, 2019) Rick and Nektarios (Chrome) talk about making the web more accessible for people with disabilities. Learn about the importance of accessibility and how you can make use of the latest web standards and tools to help make the web more accessible. WCAG → https://goo.gle/3evCLbX WCAG 2.1 → https://goo.gle/36xFb75 Udacity webinar → https://goo.gle/2X9F7Ya Accessibility guides → https://goo.gle/3eqkHQl Accessibility in product design → https://goo.gle/2XBuBaR Designing for accessibility → https://goo.gle/3d6rbUk

(December 12, 2018) Rick and Minhaz (Google Data Studio) discuss the challenges of visualizing data at scale and how to use Google Data Studio to connect, visualize, and share big data on the web. Data Studio → https://goo.gle/2XxjGiw CrUX Dashboard → https://goo.gle/3eowbnj World Cup Dashboard → https://goo.gle/2A8NSsh Firebase Realtime Database → https://goo.gle/3elYPFN Data World → https://goo.gle/3gqefdP Socrata → https://goo.gle/2M2MhXR

(November 28, 2018) Rick and Tom talk about the state of Progressive Web Apps (PWAs): what they are, how to build them, and how they're changing the web landscape. PWA Report on HTTP Archive → https://goo.gle/3g40C3I

(November 14, 2018) Rick speaks with Addy and Katie from the Chrome team about predictive fetching, a web performance technique that takes the guesswork out of resource loading. Resource Hints spec. → https://goo.gle/3e7vG11 Resource hints usage on HTTP Archive → https://goo.gle/2LM8LvO Google Analytics Reporting API → https://goo.gle/2Tog0yy Next Page Predictor → https://goo.gle/3cQwBlY Guess.js → https://goo.gle/2zQRmj0

(October 31, 2018) Rick and Andrew (Technical Product Manager and Developer Advocate at Fastly) talk about the importance of metadata in HTTP headers for web performance and security. W3C TAG → https://goo.gle/2WquCiv Headers for Hackers presentation → https://goo.gle/2y2rekM Fastly header best practices blog post → https://goo.gle/2Lp3ev3 Fastly header anti-patterns blog post → https://goo.gle/3fLEMBV

(October 18, 2018) Rick and Addy (Engineering Manager, Google Chrome) talk JavaScript, as it is today and how it’s changed over the years. Code splitting → https://goo.gle/2zuO4Sv Tree shaking → https://goo.gle/3fMc7wy Webpack bundle analyzer → https://goo.gle/2WTJVPJ Source map explorer → https://goo.gle/2yU1S8V Managing third party JavaScript → https://goo.gle/2zyqdRT Lazy loading → https://goo.gle/2T1lChJ Performance budgets → https://goo.gle/3dDskCz

(October 3, 2018) Rick catches up with DEV co-founders Jess and Ben to discuss the results of their community survey into the state of web development. Learn about the survey → https://goo.gle/2zck6T6 Explore the results on BigQuery → https://goo.gle/2YD3rCA

(September 5, 2018) Rick and Dave discuss Google Fonts: what they are, how to use them effectively, and what’s new. Learn how Google Fonts can distinguish your brand and develop your site's look and feel. Google Fonts → https://goo.gle/2L1NRZc MS Edge variable fonts demo → https://goo.gle/3dkW6Md Decovar → https://goo.gle/2L5wSVY