Thinking on ways to solve COMPARE components

7 607
7.5
Следующее
340 дней – 16 9166:05
What is Storage Access API?
Популярные
310 дней – 4 9660:48
Has() selector #shorts
Опубликовано 20 декабря 2023, 18:34
In today's GUI Challenge, @AdamArgyleInk uses grid, masks and an input type range to create a comparison component.

Chapters:
0:00 - Introduction
0:41 - Debugging Corner
1:30 - HTML
2:22 - CSS layout
4:50 - CSS range
7:57 - CSS mask
9:58 - Javascript
12:55 - Adding content
14:57 - Recap
17:10 - Outro

Resources:
Demo → goo.gle/3Ruy07n

Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Chrome for Developers → goo.gle/ChromeDevs

#GUIchallenges #ChromeForDevelopers
автотехномузыкадетское