CSS in 100 Seconds

#css #webdev #100SecondsOfCode

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is CSS?
- How does CSS cascade?
- What is specificity in CSS?
- CSS Box Model explained
- CSS for absolute beginners
- What is CSS used for?
- When was CSS3 created?
- Will there be a CSS4?

[tejasn]

shout out to the dedication in the "like and subscribe" at the end 2:15
you'll always be the best

[robinmartijn]

He centered a div without googling?

HE'S A WITCH!

[UselessDuckCompany]

To me, CSS is the most frustrating part of web development. In programming the same code should run the same no matter the user, with CSS the exact same CSS produces different results depending on the browser. It's not fair. It's getting better but it's still annoying. Plus at my day job we still support IE11.

[theatypicaldeveloper]

<strong>🔥</strong>

Great work as usual! Lots of ppl are using styled components now, it would be great to see one about JSS too!

[JohnSmith-xhzx]

The humor is incredible....

An inclusion of centering a div using flex.

A horribly styled like and subscribe at the end.

Good stuff.

[SimplyFizz]

I've wanted to see one about css for a while, as someone that is starting to do web dev, thanks :)

[yeaitsme]

Loving these beginner videos. Sharing this with 100+ of my students!

[kevybost]

I'm sending this to everyone I know with a "This is what a REAL programming language looks like".

(seriously though, good job on this and everything else you put out)

[jacobhassel]

Great vid as always. I’m a huge fan of these 100 seconds vids. I share these with my team all the time and they’ve massively helped us grow. Web dev is a huge ecosystem and your bite sized vids are a great way to navigate it. I’ve been a fan for a while and as this comment you’re at 990k subs. Can’t wait to see you get 1 mil subs. You’re doing big things for the web dev community.

[OwenMagnu]

These "... in 5 Minutes" videos are so, so helpful for those of us who've been out of it a year or three, and need a refresher. Thank you!!!

[Iceehockey]

These videos are impeccable. When learning to code, you often don't get the high level explanation that these deliver. It's ironic how in forcing to pare it down to 100 seconds, it can almost be more effective than 10 separate videos which get too far into the weeds.

[desidev]

2:14 don't worry you can use "overflow" property to fix that

[cli]

Been a web dev for over 10 years and been doing CSS the whole time. That being said - I still found this interesting and useful. Amazing stuff!

[thessianheart]

Fireship is really a godsend. Sometimes you need a basic description of different kinds of technologies. It really clears the confusion and you know what exactly you need to learn next.

[dreamisover]

Outstanding visualization of the concepts, that seemed pretty concise for the short amount of time. Awesome

[alexwilkinsgames]

I laughed at your subtle "like and subscribe" error with the text coming out of the box.

[wlockuz]

They're not releasing CSS4 because the CSS4 spec has a requirement "One fixed way to center a div" and they still can't figure out what to settle on.

[Computeshorts]

I've worked with CSS for 5 years now and this is the best intro anyone could get to CSS that I've seen thus far.

[heheboi]

Loved it! I really wanted to see this one up here and you did the job :) Thank you so much 😃

[katushya]

I feel like I'm getting addicted to this channel because I'm watching this even though I told myself that I already know what CSS is.