▶ TubeVault
← Back to videos
Cancelled

CSS Tutorial for Beginners

The Coding Sloth

Open on YouTube
Archive decision

Archived manually — policy override

Subtitle archival warning

DownloadError: ERROR: Unable to download video subtitles for 'ab': HTTP Error 429: Too Many Requests

Archive status

YouTube ID
j6nOnIT-T1o
Decision
queued · manual override
Stage
Cancelled
Job state
cancelled
Retries
5 / 5
Upload attempts
0
Next retry
—
Local file
—
File size
—
Download started
—
Downloaded
—

Mixdrop

Fileref
—
Status
Not uploaded
Uploaded
—
Verified
—
Health
Not checked
Last checked
—

YouTube metadata

Published
Aug 17, 2023
Duration
30:27
Views
75969
Likes
2543
Availability
public
Live status
not_live

Archive copies

Storage: Unknown · Replication: pending

Manage copies

No archive copies have been stored yet.

Archive integrity

Local SHA-256
Not known for this artifact
Archived file size
Not known
Container
Not recorded

A known local hash identifies the downloaded artifact. Remote presence verification does not prove a remote cryptographic hash. Local filesystem copies are checked against their stored hash and size.

Archive history

View all
job.started
Started download stage for j6nOnIT-T1oworker
job.started
Started download stage for j6nOnIT-T1oworker
job.started
Started metadata stage for j6nOnIT-T1oworker
video.manual_queue
Queued manually — policy overrideadmin

Description

In this video, We'll dive into the world of web design with this comprehensive tutorial on the basics of CSS. Whether you're a beginner looking to embark on your web design journey or someone brushing up on the essentials, this guide has got you covered. Learn how CSS selectors can transform your webpage's look, delve into the vibrant world of colors and typography, and master the nuances of display types and positioning. By the end, you'll have the foundational knowledge to recreate the iconic look of Google's homepage. Elevate your design game and become the web designer everyone aspires to be // TIMESTAMPS // 00:00 - Intro 02:09 - Start of Tutorial 03:09 - Adding CSS to HTML File 04:28 - Basic CSS Syntax 04:37 - Selectors 08:02 - CSS Properties 08:30 - Colors 10:20 - Typography 11:35 - Box Model 14:04 - Positioning 15:39 - The hardest thing you'll ever have to do 17:03 - Styling Google homepage 26:14 - Software engineer rant blah blah blah 27:41 - Back to styling the Google homepage //ADDITIONAL LEARNING RESOURCES // If you're feeling motivated and want to move on ahead or wanna learn some of these topics in a more in-depth way, or if I just didn't explain something good, here's some resources I recommend trying out: CSS Colors: https://www.w3schools.com/cssref/css_colors_legal.php The Odin Project: https://www.theodinproject.com/ CSS in 100 seconds: https://www.youtube.com/watch?v=OEV8gMkCHXQ&ab_channel=Fireship CSS in 5 Minutes: https://www.youtube.com/watch?v=Z4pCqK-V_Wo&ab_channel=AaronJack Learn Flexbox in 5 minutes: https://www.youtube.com/watch?v=phWxA89Dy94&t=29s&ab_channel=SlayingTheDragon The additional topics I recommend learning: - Pseudo-classes and pseudo-elements - Understanding and using the main sizing units: - Pixels (px) - em and rem units - Percentages (%) - Viewport units (vh, vw) - Creating responsive designs: - Media Queries - Basic transitions and animations - Handling cross-browser compatibility issues - CSS Variables for maintainable stylesheets // SOCIALS // Twitter: https://twitter.com/TheCodingSloth1 TikTok: https://www.tiktok.com/@thecodingsloth Discord: https://discord.gg/2ByMHqTNca