Thinking on ways to solve COMPARE components
In today’s GUI Challenge, @AdamArgyle 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 →
Watch more GUI Challenges →
Subscribe to Chrome for Developers →
#GUIchallenges #ChromeForDevelopers