Thinking on ways to solve SETTINGS

In today’s GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers. How would you create a settings page?

@AdamArgyleInk will be responding to your comments for the first 30 minutes after the episode releases. Connect with us here, ask questions, or submit your own code!

Chapters:
0:00 - Introduction
0:37 - Cross Platform
1:39 - Spacing
3:02 - Layouts
4:55 - Color
6:19 - User Input
7:18 - Javascript
8:20 - Outro

Resources:
Read along → https://goo.gle/3bCerGK
Try a demo → http://goo.gle/3qysEbW
Get the source → http://goo.gle/2OdXlWO

Install VisBug → http://goo.gle/3l286HF

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf

#GUIchallenges #CSS #ChromeDeveloper

Back to all episodes

By Chrome DevRel