chromedevelopers

In this episode we're guiding scroll areas into their peaceful resting places, maintaining alignment, keeping visual harmony, and improving the overall experience with the content.

Links

Scroll Snap Level 1 draft → https://goo.gle/2R9hUow 

overscroll-behavior → https://goo.gle/3o7vLYE 

scroll-behavior → https://goo.gle/3uKvkWU 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘 

The CSS Podcast

#CSSpodcast

In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform property. 2D and 3D transforms are spectacular ways to animate and create a sense of depth in a design, follow along for how it all works.

Links

CSS Transforms Module Level 1 → https://goo.gle/2RsETdW 

CSS Transforms Module Level 2 → https://goo.gle/3tdGeCF 

Chaining transforms → https://goo.gle/3nKMKQp 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘 

The CSS Podcast

#CSSpodcast

In this episode Una and Adam talk about font adjustments when being used within @font-face. When fonts are loaded, there's an opportunity to provide default values and fine tunings.

Links
@font-face on MDN → https://goo.gle/2S3DAmp 
CSS Fonts Level 4 → https://goo.gle/3sGwO2s 

The CSS Podcast
#CSSpodcast

Paths, shapes, clipping, masking, oh my! There’s so much you can do with CSS shapes—from creating transition effects to creating interesting and organic typographic layouts. In this episode we dive in to how to wrangle shape effects in CSS.

Shapes Level 1 → https://goo.gle/3gkJAkG 

Shapes Level 2 →  https://goo.gle/3amJLIk 

Masking Level 1 →  https://goo.gle/3nb6Bb5 

Clippy tool → https://goo.gle/3sIM0w9 

clip-path transitions → https://goo.gle/3tGx96I 

CSS Masking → https://goo.gle/3goEcNt 

The CSS Podcast

#CSSpodcast

Welcome back to The CSS Podcast, where we cover all things CSS from accessibility to c-index. Today, Una and Adam will discuss a micro syntax for pseudo class notification when working with nth-child. 

Selectors level 3 →  https://goo.gle/3dWB48G 

Useful nth-child recipes → https://goo.gle/3e102DE 

Nth-child syntax → https://goo.gle/328nA4b 

Quantity queries → https://goo.gle/3a4NPwT 

Solved with CSS! Nth-tricks → https://goo.gle/3g65Wq0 

The CSS Podcast

#CSSpodcast

(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

(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

(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

(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

(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

(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 

(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

(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 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