@sjorsborsoborsobors

Why did I put this off for so long, this is actually so easy wtf

@geoffjball

> Learn the basics of...

I end up learning more than in most videos 30 minutes long.

@sanusihassan7125

SVG in 100 seconds

@TheNewton

📃NOTES: CSS transitions work on number based properties so changing 'display:block' to 'display:none' will not work like we'd hope it would 😭.
💣 Remember with 0 opacity an element still exists in in the layout AND will capture clicks meant for anything below that element. You will need display and visibility tricks in CSS to get around that or javascript.

@salsamancer

Wow, whoever is responsible for actually parsing CSS and turning this into rendering functions is pretty dang smart. I can't believe how much you can manipulate a browser with this simple grammar

@adamschneider868

I find it disturbing how shockingly informative and oppressively arousing these videos are.

@sourishdutta9600

Please please make a long video on this one, this is really cool and you explaining very smoothly. Please, Jeff, it's a request and Thanks to you so much. <3

@toxaq

These are the best videos to refer back to. The first time you watch them you learn what can be done, then, each time you want to use it, you watch and try until it becomes second nature. Ive done this with flexbox, css grids and many others. Cheers!

@ivanbragin7932

I generally love this 100sec series. Its awesome!

@Mawuko-SenyoHayibor

Man this has been one of the best tutorials I've ever watch thanks so much!

@ofek15

As always Best short tutorials  on the Web!

@xrisfractal

Loved the video but one thing stuck out, 'tween' is not a computer science term and if there are CS texts that use it, they borrowed it from the original source. Tween is a term that came from the animation world. Someone who animates the steps in-between keyframes was known as an "in-between animator." The star animators back in the studio system (1930' - 1960's,) drew the keyframes while the interns and lower-paid animators filled in the tween animations (i.e. grunt work.) When 3D animations started to move out of academia/research and into the commercial world, the term was shortened to 'tween.' Adobe Flash really brought the term to the masses and it's most often associated with digital-based products now.

@codefallacy

you keep raising that bar, idk how other coding channels will compete

@prabu2778

Hey , I was searching  this Topic , and soon I got a notification😁

@supindersingh8882

I am very comfortable with CSS animations, but when I saw 'CSS Animation in 100 Seconds by Fireship', I just watched it. You got a wonderful teaching skill. Thank you. Next I am waiting for 100 sec's of  GraphQL.

@victormartins-software3912

Man, can’t thank you enough. Really good work. Your videos explain so much and with such clarity that really breaks through :)

@sonmangaking

Yasss smash the like for Fireship, cause don't know what I'd do without these amazing videos.

@akmalkrmv

Yesterday this video was 1:02 min long, 50% ready,  Im glad you finished it :)

@SridTech

I always omit these keyframes, but in 5 seconds it was already well know to me. Thanks. Love your videos ❤️.

@kareemjeiroudi1964

You know, your videos are entertaining in a way, unlike lots of other online tutorials 🙃