In-class activity: Work on a web component!
Visit https://codepen.io/leaverou/pen/ZEvgJpM and fork it. It implements a <color-mix> component which can be used to show the color result of interpolating between two colors, but right now it interpolates between lime and red (hardcoded).

1. Devise syntax so that the user of this component can actually specify which colors are to be mixed. Think of the tradeoffs between each design decision here.
2. Now use this component to build a tiny "app" that lets you actually select colors via a GUI. The <input type=color> elements to use are already there for you. The twist: you will not be using your own component, but a classmate's! Find a classmate that has finished step 1 and fork their codepen, then work with that component!
Sign in to Google to save your progress. Learn more
Email *
Kerberos *
URL of your <color-mix> component codepen
URL of your partner's <color-mix> component
URL of your app using your partner's <color-mix> component
Submit
Clear form
Never submit passwords through Google Forms.
This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy