CSS - Colors
Livestream status
We are currently offline.
If the stream has started, you can watch it directly on YouTube. We add the recording to this page after class.
Open live stream on YouTubeInstructors: Jess, Carmen, and Eda
Colors
Before this session, please:
- Read Working with Colors in CSS: What Is Color Theory in Design? and take notes
- Read Working with Colors in CSS: What Are Named Colors in CSS, and When to Use Them? and take notes
- Read Working with Colors in CSS: What Is the RGB Color Model, and How Does the RGB Function Work in CSS? and take notes
- Read Working with Colors in CSS: What Is the HSL Color Model, and How Does the HSL Function Work in CSS? and take notes
- Read Working with Colors in CSS: What Are Hex Codes, and How Do They Work in CSS? and take notes
- Read Working with Colors in CSS: What Are Linear and Radial Gradients, and How Do They Work in CSS? and take notes
- Complete as many steps from Build a Set of Colored Markers as possible before class, complete solo in the next few days if you need more time
- Complete Design a Set of Colored Boxes solo over the next few days
- Read CSS Colors Review and take notes
- Complete CSS Colors Quiz solo to test your understanding of CSS colors
During this session, we’ll:
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- We’ll look at key concepts from Build a Set of Colored Markers together
- We’ll talk through Design a Set of Colored Boxes together to prepare you to complete this solo over the next few days
- Review notes
After this session, please:
- Read Best Practices for Styling Forms: What Are Some Best Practices for Styling Text Inputs? and take notes
- Read Best Practices for Styling Forms: When Should You Use appearance: none to Deal with Issues Styling Search Inputs and Checkboxes? and take notes
- Read Best Practices for Styling Forms: What Are Common Issues When Styling Special Input Elements? and take notes
- Try to complete as many steps from Design a Registration Form as you can solo. You may need to complete this workshop after we cover this material in class.
- Complete Design a Contact Form solo over the next few days. It’s hard to make contact forms interesting, so bring all your creativity!