CSS - Colors

Instructors: 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!