You are awesome out of many reasons. Doing some brainstorming, so not a finite list: Of course you’re as bright as all the candles on the data cake put together, however, that’s not all that is worth mentioning: You’re _also_ … the concurrently most spirited, friendliest, non-arrogant, most concise teacher I’ve ever had the luck to learn any craft from. Personal bonus points: I love learning stuff, old and new, how things work, how I can make them un-broken again or restore or optimise or even completely upcycle them… so it’s not hard to make me “fall in love” in a concept, a chair, or a programming paradigm or new best practice or… but my ensuing hunger for more is ravenous and time consuming as I try to be as objective and thorough in my research of x as possible. On all things programming and data science, you are one of two guys I don’t even fact-check anymore, because I trust in you having done your homework beforehand 😄 Also your service of putting (trivial or even complex) things in perspective is especially important for me as a beginner in coding. Do I need to mention your most welcome usage of emoticons? I guess not 🙃🎉🙆🏻♀️ Thank you so much.
Man this was awesome. I hope you do a lot more html and css stuff like this or even more, some simple "projects" with just html and css, because as a beginner in this field that had landed on your channel because of the two and also because i enjoy watching your channel and how you make it special, i wish that you could have some videos dedicated to some random newbies out there.
I feel like I know CSS better than most front end devs out there (because I started out with Wordpress Page Builders and after awhile you just NEED to write your own CSS and got very good at it) but I ALWAYS learn something new when I watch your vids. focus-within, I'm definitely going to use that one.
@@WilcoVerhoef Dutchie here, I think the peeing is the OG one, but most people, if they even use it, say walking. As if an angel walks over your tongue
Psuedo classes make great diagnostic tools to give elements outlines or image labels to keep an eye on the underlying structure without hunting through devtools. Still experimenting on ::after and ::before with the content property to get similar info like a visual editors label hints or tooltips.
Psuedos can replace some js UX, there's a post on devDOTto about using :not and :placeholder-shown to hide search buttons until a user types something.
How do I make it so it doesn't select the children of an element, I want to select a class but not all the children off everything with that class, is there a way to do that?
::after this video, check out CSS pseudo-elements ruclips.net/video/e1KpKBHJOrA/видео.html
see what you did there. 😂
You are awesome out of many reasons.
Doing some brainstorming, so not a finite list:
Of course you’re as bright as all the candles on the data cake put together, however, that’s not all that is worth mentioning:
You’re _also_ … the concurrently most spirited, friendliest, non-arrogant, most concise teacher I’ve ever had the luck to learn any craft from.
Personal bonus points:
I love learning stuff, old and new, how things work, how I can make them un-broken again or restore or optimise or even completely upcycle them… so it’s not hard to make me “fall in love” in a concept, a chair, or a programming paradigm or new best practice or… but my ensuing hunger for more is ravenous and time consuming as I try to be as objective and thorough in my research of x as possible.
On all things programming and data science, you are one of two guys I don’t even fact-check anymore, because I trust in you having done your homework beforehand 😄 Also your service of putting (trivial or even complex) things in perspective is especially important for me as a beginner in coding.
Do I need to mention your most welcome usage of emoticons? I guess not 🙃🎉🙆🏻♀️
Thank you so much.
eyyy
Recursion
Man this was awesome. I hope you do a lot more html and css stuff like this or even more, some simple "projects" with just html and css, because as a beginner in this field that had landed on your channel because of the two and also because i enjoy watching your channel and how you make it special, i wish that you could have some videos dedicated to some random newbies out there.
I plan on making some longer beginner-focused content in the near future :)
@@Fireship Thank you
I feel like I know CSS better than most front end devs out there (because I started out with Wordpress Page Builders and after awhile you just NEED to write your own CSS and got very good at it) but I ALWAYS learn something new when I watch your vids. focus-within, I'm definitely going to use that one.
Whenever I read a documentation I have this guy's voice on the back of my head reading the text, man you're good. Keep up the good work!!
Always 🚿 showering the amazing content at the end. Literally liked every single second.
You're the only youtuber, where i have to slow down the video, i.o.t. understand every detail hahaha
Man. It feels like i have never dealt with pseudo classes before. Totally new perspective. Thx a ton.
Germany's third colour is gold, not yellow. Helpful video, thank you.
this is the superior video on pseudo-elements. i salute you
Those XXX in 100 seconds videos are so excellent. Straight to the point what you need to know about the topic!
1:39 translates to: "As if a little angel pees over your tongue" 😂
@@gl3nda96 It's a saying, and it's meant to be positive (about good food or a drink)
@@WilcoVerhoef Dutchie here, I think the peeing is the OG one, but most people, if they even use it, say walking.
As if an angel walks over your tongue
@@MauritsWilke I'm not sure about that, I hear peeing more often
teehee
Psuedo classes make great diagnostic tools to give elements outlines or image labels to keep an eye on the underlying structure without hunting through devtools. Still experimenting on ::after and ::before with the content property to get similar info like a visual editors label hints or tooltips.
This was removed... so glad to see this
I decided to take a break last week. There were more important things going on in the world.
@@Fireship so true...👍
@@Fireship Good Call.
Dude you always blow my mind. You have taught me so much recently.
finally becoming more advance in my css.gonna be master like a karatee master just css
No doubt this video has zero dislikes.
This channel deserves it.
(4755 views)
Just FYI, according to the German constitution, the flag is black, red, gold - not yellow. Fun fact, I guess.
As a German, I can confirm this random fun fact.
@@Hamzahharoonyes same
😂😂 schwarz rot gold 🥹
Great video Jeff!
Just discovered this series. This is amazing. Thanks for sharing!
you keep outputting quality and i keep consuming quality
Nice video as always !! Hope you can make a video about firebase analytics and big query after your duly deserved break
That's really well explained for such a short video !
Psuedos can replace some js UX, there's a post on devDOTto about using :not and :placeholder-shown to hide search buttons until a user types something.
:focus-within is also useful for replacing JS on dropdowns and accordions.
this is automated learning! Wow
Create a web app using Robinhood api tutorial
That's a unique request, added to the list.
@@Fireship thanks a lot, eagerly wait for it 😍😍
Super. Cleared so many concepts.
800+ likes without a dislike 🔥🔥
1.3k likes 0 dislikes, well done
Saga in 100 seconds?))
Hey your explanation is 👏. Do a video on websocket pls.
Now I know how to make grouped buttons
as for me pseudo-elements are one of the hardest thing to wrap your head around.
What do you call :before and :after since they aren't here?
Edit: Never mind, second video answered this
you're just next level
Glad you brought this video back up :D
That 1 dislike is from someone who present :not(like) accidentally
You're my inspiration.
Awesome! What about websockets, web workers and IndexedDB in 100s? :)
This was straight forward my God loved it!
who the hell disliked this video all the firship vids are fire 🔥🙏👍😅
fireship.io we all luv u ...no homo😅
short and sweet 🙌
Dit is hilarisch!
Can you do a video about mean stack mobile apps
@Fireship uses Icon like a text a lot in all his video. How is he adding those beautiful icons?
Wow, I thought I knew psudo classes.
Man, i love you.
p[lang='es']
p:lang(es)
Any difference between these selectors?
Thanks!
Thank you
Is there any option to look at your code changes in real time like showed in the video?
I love javascript
Why was the first upload removed
How do I make it so it doesn't select the children of an element,
I want to select a class but not all the children off everything with that class, is there a way to do that?
Why would you want your text to be 3 colors? Please reply
Before and after pseudo elements?
He released that video at the same time as this one
@@LESLEYYY0 oh
'alsof er een engeltje over je tong piest'
Hahaha how did you come up with this Dutch text?
Nice
100 sec of Puppeteer
why doesn't this work with classes
ahhh i didn't know those were called pseudo classes :D
computer science in 100 seconds
cool
To "force" hover, I right click the element then click inside devtools, the element stays hovered
Ich bin nicht aus Zucker!
BUT I WANNA TAKE R E A L CLASSES!!1!
Could I have 200 seconds?
Three.js in 100 seconds
750th like!
man, that is too much and too fast. I recommend splitting into different parts and give more reasoning for why the pseudo classes needed.
does Fireship pin any comments?
Yes, I'll pin an exceptional comment.
@@Fireship I was just kidding btw, was trying to make it ironic if you were to pin it. Anyways, great content :D love it.
liar this is 119 seconds
actually only about 106 for the content
Kleinvieh macht auch mist