Skip to content

Commit 6f4ce42

Browse files
authored
chore(curriculum): rm vids from css colors lectures (freeCodeCamp#61576)
1 parent e24565b commit 6f4ce42

File tree

6 files changed

+8
-50
lines changed

6 files changed

+8
-50
lines changed

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672aa7678e05e35d42e33522.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672aa7678e05e35d42e33522
33
title: What Is Color Theory in Design?
4-
challengeType: 11
5-
videoId: AUNryEIMjNQ
4+
challengeType: 19
65
dashedName: what-is-color-theory-in-design
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is color theory in design?
16-
1710
Color theory is the study of how colors interact with each other and how they affect our perception. It covers color relationships, color harmony, and the psychological impact of color. Let's start diving into this world. Colors can be classified as either primary, secondary, or tertiary.
1811

1912
Primary colors, yellow, blue, and red, are the fundamental hues from which all other colors are derived.

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672bc4ff5e7a4bbdee8ba013.md

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672bc4ff5e7a4bbdee8ba013
33
title: What Are Named Colors in CSS, and When to Use Them?
4-
challengeType: 11
5-
videoId: YD7ndioXOyM
4+
challengeType: 19
65
dashedName: what-are-named-colors-in-css
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What are named colors in CSS, and when to use them?
16-
1710
In CSS, colors play a crucial role in designing web pages, enhancing readability, setting the mood, and improving user experience. One of the simplest ways to define colors in CSS is by using named colors. Named colors are predefined color names recognized by browsers. Here is an example of using a named color for a paragraph element:
1811

1912
```css
@@ -41,7 +34,7 @@ Named colors in CSS are convenient but limited, with only 140 available options.
4134

4235
Named colors in CSS are a great way to apply colors quickly and descriptively. While they are useful for basic designs, prototyping, and improving code readability, their limited range makes them less suitable for complex designs requiring precise color control.
4336

44-
By understanding the strengths and limitations of named colors, you can determine when it’s best to use them over more detailed color models like RGB or HSL, which you will learn about in future videos.
37+
By understanding the strengths and limitations of named colors, you can determine when it’s best to use them over more detailed color models like RGB or HSL, which you will learn about in future lectures.
4538

4639
# --questions--
4740

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672bc51370c789be459186b4.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672bc51370c789be459186b4
33
title: What Is the RGB Color Model, and How Does the RGB Function Work in CSS?
4-
challengeType: 11
5-
videoId: RpmqPy_KY4c
4+
challengeType: 19
65
dashedName: what-is-the-rgb-color-model
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the RGB color model, and how does the RGB function work in CSS?
16-
1710
When working with colors in CSS, understanding the RGB color model is essential. RGB stands for Red, Green, and Blue — the primary colors of light. These three colors are combined in different intensities to create a wide range of colors.
1811

1912
The RGB color model is an additive color model, which means colors are created by combining light at varying intensities.

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672bc523324694be91d90d96.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672bc523324694be91d90d96
33
title: What Is the HSL Color Model, and How Does the HSL Function Work in CSS?
4-
challengeType: 11
5-
videoId: 7wgi0xRlZDo
4+
challengeType: 19
65
dashedName: what-is-the-hsl-color-model
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the HSL color model, and how does the `hsl()` function work in CSS?
16-
1710
When styling websites, one of the most versatile and intuitive ways to work with color is by using the HSL color model. HSL stands for Hue, Saturation, and Lightness — three key components that define a color.
1811

1912
The HSL color model represents colors in a way that is more in line with how humans perceive color. In this lecture, we will explore what the HSL color model is and how the `hsl()` function is used in CSS.

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672bc5344330d7bee2f9c2ed.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672bc5344330d7bee2f9c2ed
33
title: What Are Hex Codes, and How Do They Work in CSS?
4-
challengeType: 11
5-
videoId: -mAJpbtCtao
4+
challengeType: 19
65
dashedName: what-are-hex-codes
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What are hex color values, and how do they work in CSS?
16-
1710
When working with CSS to style a webpage, one of the most common methods for defining colors is by using hex color values. Hexadecimal color values, or hex codes, are a concise way to represent colors in the RGB color model. In this lecture, we'll explore what hex codes are, how they work in CSS, and when to use them.
1811

1912
A hex code (short for hexadecimal code) is a six-character string used to represent colors in the RGB color model. The "hex" refers to the base-16 numbering system, which uses digits `0` to `9` and letters `A` to `F`.

curriculum/challenges/english/25-front-end-development/lecture-working-with-colors-in-css/672bc544196a17bf28594e64.md

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,13 @@
11
---
22
id: 672bc544196a17bf28594e64
33
title: What Are Linear and Radial Gradients, and How Do They Work in CSS?
4-
challengeType: 11
5-
videoId: pQqkca5Xor8
4+
challengeType: 19
65
dashedName: what-are-linear-and-radial-gradients
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What are linear and radial gradients, and how do they work in CSS?
16-
17-
In a previous lecture, you learned how to start working with linear and radial gradients. In this video, we are going to dive deeper into how to work with the CSS properties to create more visually appealing and complex designs.
10+
In a previous lecture, you learned how to start working with linear and radial gradients. In this lecture, we are going to dive deeper into how to work with the CSS properties to create more visually appealing and complex designs.
1811

1912
Gradients in CSS allow you to create smooth transitions between two or more specified colors. They are often used to add depth, texture, and visual interest to web designs without the need for image files.
2013

0 commit comments

Comments
 (0)