gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(curriculum): rm vids from CSS debugging & animations lectures (#61601)

Browse Source
This commit is contained in:
hbar1st
2025-07-30 06:37:26 -04:00
committed by GitHub
parent 393c4493c4
commit f61bb54cc8
3 changed files with 3 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
+1 -8
View File
@@ -1,19 +1,12 @@
---
id: 672aa8d65995be62ef1c7515
title: What Are CSS Animations, and How Do They Work?
challengeType: 11
videoId: dryjwjTQllk
challengeType: 19
dashedName: what-are-css-animations
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are CSS animations, and how do they work?
CSS animations allow you to create dynamic, visually engaging effects on web pages without the need for JavaScript or complex programming. They provide a way to smoothly transition elements between different styles over a specified duration.
At its core, a CSS animation consists of two main components: the `@keyframes` rule and the animation property.
curriculum/challenges/english/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
+1 -8
View File
@@ -1,19 +1,12 @@
---
id: 672cf764cf55a70433590def
title: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help?
challengeType: 11
videoId: bKM3ZhO5Sns
challengeType: 19
dashedName: what-are-accessibility-concerns-around-using-animations
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are accessibility concerns around using animations, and how can `prefers-reduced-motion` help?
Animations can greatly enhance the visual appeal and user experience of a website. However, they can also pose significant accessibility challenges for certain users. It's crucial to understand these concerns and implement solutions to ensure your website remains accessible to all users.
One of the primary accessibility concerns with animations is that they can cause discomfort or even physical harm to some users. People with vestibular disorders or motion sensitivity may experience dizziness, nausea, or headaches when exposed to certain types of movement on screen.
curriculum/challenges/english/25-front-end-development/lecture-debugging-css/672aa8c1ad423562a38b484d.md
+1 -8
View File
@@ -1,19 +1,12 @@
---
id: 672aa8c1ad423562a38b484d
title: How Can You Use the DevTools Inspection Tool and CSS Validators to Debug Your CSS?
challengeType: 11
videoId: KP-naaNBxEA
challengeType: 19
dashedName: how-can-you-use-the-devtools-inspection-tool
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How can you use the DevTools inspection tool and CSS validators to debug your CSS?
Developer tools, inspection tools, and CSS validators are essential resources for debugging CSS issues and ensuring your stylesheets are error-free and optimized.
These tools provide invaluable insights into how your CSS is being applied and can help identify potential problems.