Channel: Google Chrome Developers

Category: Science & Technology

Tags: cssgoogle chrome developerchromedeveloperstype: screencast (10-20min)adam argylepurpose: educategooglegds: yespr_pr: chromeseries: gui challengesgoogle chrome developersgoogle chromegui challengeshow to use csschrome developerchrome developersdevelopercss tutorialwhat is css

Description: In today's GUI Challenge, @Adam Argyle shows how to style the built-in progress element and how to implement great screen reader UX, light and dark adaptive colors, custom animations and more. Chapters: 0:00 - Introduction 0:27 - Overview 1:11 - Focus Visible 2:55 - Cross Browser 3:36 - Screen Reader 6:22 - HTML 7:45 - Screen Reader Only 9:12 - CSS 17:16 - JavaScript 19:44 - Outro Resources: Read along → goo.gle/3CKFoUs Try a demo → goo.gle/3KRLo0F Get the source → goo.gle/3i7PgOA Watch more GUI Challenges → goo.gle/GUIchallenges Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #GUIchallenges #CSS #ChromeDeveloper product: Chrome - General; fullname: Adam Argyle;