CSS Pseudo-elements :: in 100 Seconds

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 145

  • @Fireship
    @Fireship  4 года назад +54

    :focus on CSS pseudo-classes next ruclips.net/video/kpXKwDGtjGE/видео.html

    • @yt-sh
      @yt-sh 4 года назад

      nice

    • @adilzakarya
      @adilzakarya 4 года назад +1

      Two videos its like winning thw lottery this week

    • @vishavnegi6475
      @vishavnegi6475 4 года назад

      Amazing tutorials , always one of my favorite!

    • @vishavnegi6475
      @vishavnegi6475 4 года назад +1

      quick and effective, keep going!

    • @agung_laksana
      @agung_laksana 4 года назад

      UI for local Firebase emulator is just released, please please make video about it
      firebase.googleblog.com/2020/05/local-firebase-emulator-ui.html?m=1

  • @JamieMcI
    @JamieMcI 4 года назад +147

    100 seconds content is like jacking into the matrix and learning Kung Fu!

  • @Hobbitstomper
    @Hobbitstomper 4 года назад +34

    I've been doing web development for 15 years, yet every time I watch your videos I learn something new. Not sure if this is a good thing or a bad thing.

    • @brhh
      @brhh 4 года назад +6

      Maybe phseudo elements are not 15 years old and you don't get up to date much, but if you're watching this content this means you are still interested in it and you should be learning and watching these videos more

  • @TheGitGuild
    @TheGitGuild 4 года назад +54

    It is good idea to seperate classes and elements into dedicated videos, it prevents confusion👍 Also I cannot stress the importance of ::before and ::after elements. You can literally fix any UI mistake in a “hacky” manner :)

  • @OldAlexCat514
    @OldAlexCat514 4 года назад +4

    Remember when last year i told you i landed a job thanks to you? Probably not. Anyway, know thanttoday, I was offered a new job & I just doubled my paycheck. DOUBLED.
    Thanks to countless hours coding, and to really great content like yours.
    a 32 year old dev who thought that it was too late for success, not so long ago.

  • @mon0theist_tv
    @mon0theist_tv 6 месяцев назад

    It's crazy how concisely and helpfully this was explained in 100 seconds better than most videos that are like 8-10 minutes

  • @xfuttex
    @xfuttex 4 года назад +4

    These 100 second videoes are pure gold. Great and quickly explanation of the topic which is easy understandable!

  • @stevecarter8810
    @stevecarter8810 4 года назад +1

    the 100 seconds videos are among the best, most information-dense content on youtube. Keep it up!

  • @fire_boat
    @fire_boat 4 года назад +3

    u hvnt uploaded for too long i think im gonna go crazy i need more fireship

  • @brhh
    @brhh 4 года назад

    Yo fireship whenever I search for something I find ten minute videos and your video right between them, ur a legend 👌

  • @thikboii5689
    @thikboii5689 4 года назад

    I've searched the selection for years.
    Thank you sooooo much!

  • @ithinkimhipster502
    @ithinkimhipster502 4 года назад

    Thanks for the video! I never realised how simple pseudo-elements were until now

  • @yogeshvishnole1264
    @yogeshvishnole1264 4 года назад +1

    Thankyou very much sir before this i see 1-1 hour videos but get not some useful but this video is amazing

  • @neerajtk9391
    @neerajtk9391 3 года назад +1

    Thank you.. This been always a doubt even after watching 4 or 5 other tutorials.
    You made it quite a capsule form 👌🏻

  • @desther
    @desther 4 года назад +2

    Respect man, i always learn so much in those 100 seconds. It reminds me of Flutter widget videos. And i love both.

  • @leocarvalho8051
    @leocarvalho8051 4 года назад +8

    1:46 I feel famous now! Kudos from Cape Verde

    • @MatthewTaylor86
      @MatthewTaylor86 4 года назад +1

      omg can I have your autograph? Cape Verde is a beautiful place

  • @basil6686
    @basil6686 4 года назад +1

    I really love your content! You're one of the only people who can make enjoyable videos about programming and not bore everyone to death. Keep it up!

  • @ithahu4988
    @ithahu4988 4 года назад

    Always quick and concise, if only other youtubers were like this.

  • @fliporfail6115
    @fliporfail6115 4 года назад +2

    Man this guy read my mind and created a whole video lol great video man thank you!

  • @jacobladder638
    @jacobladder638 4 года назад

    Genuinely, thank you for your content. Best on youtube that I've discovered.

  • @aaryanpatnaik1942
    @aaryanpatnaik1942 4 года назад

    this dude needs a raise

  • @SunilSkanda
    @SunilSkanda 4 года назад

    I like the pace in your 2018 Firestore tutorial compared to now. Maybe doing videos in 100 seconds format has made it faster but please slow it down a bit. It'll be easy to follow along.

  • @cardeal1389
    @cardeal1389 4 года назад +7

    Stack Overflow Developer Survey 2020 in 100 seconds!

  • @paulwhiterabbit
    @paulwhiterabbit 4 года назад

    for all this time, I never knew about "::" and I've been using just :after and :before instead of ::after and ::before

  • @zucklongshorman6504
    @zucklongshorman6504 4 года назад +1

    I was waiting for it for days

  • @elementiro
    @elementiro 4 года назад

    Firefox has their own way of changing scrollbars (a bit less powerful though), through scrollbar-color and scrollbar-width property. Unfortunately, this one on the other hand isn't supported by browsers which support ::-webkit-scrollbar pseudo-element, so you has to implement both if you want to have nice scrollbars everywhere.

  • @veltinator
    @veltinator 4 года назад +2

    Would appreciate a video about Websockets :)

  • @luis96xd
    @luis96xd 4 года назад +3

    Amazing video, great explanation
    I didn't know that 😲
    1:45 Heey! I'm there

  • @yogeshvishnole1264
    @yogeshvishnole1264 4 года назад +1

    sir please make a video on how to setup a html css project which is scalable in 100 secnds
    also different types of project setup in 100 seconds or your project setup for any project in 100s

  • @adsoninchina8813
    @adsoninchina8813 3 года назад

    It's so surprising how you get to understand something in just 100s😆

  • @otuekongwilliam
    @otuekongwilliam 4 года назад

    Every day, we learn. Thank you

  • @BijouBakson
    @BijouBakson Год назад

    I got my answer at 20seconds into the video. Thank you

  • @randerins
    @randerins 4 года назад

    Confusing, but I'll keep rewatching.

  • @KenB782
    @KenB782 4 года назад

    I’m loving this channel 😍

  • @fire_boat
    @fire_boat 4 года назад

    Please make a nodejs with react course that teaches Frontend react devs to use node and also how to use node and react together and also things like Mongodb . I’d definitely buy that

  • @MCMadk
    @MCMadk 4 года назад

    This is very useful! Please keep up the good content coming

  • @xocoins3184
    @xocoins3184 4 года назад

    Interesting to hear. Would you make a video on Terminal vs. Power shell vs. Command line vs. Prompt

  • @ludovitkramar7088
    @ludovitkramar7088 4 года назад

    Always so helpful, now my code will be (hopefully) cleaner and more efficient

  • @KangJangkrik
    @KangJangkrik 4 года назад

    1:14 This actually makes react app faster. Especially for thousands of items

  • @forgiveness_denied
    @forgiveness_denied 4 года назад

    dude where you at !* we missing those videos

  • @suman-majhi
    @suman-majhi 4 года назад +1

    A video with 0 dislike

  • @l1f3l3s2
    @l1f3l3s2 3 года назад

    coolest way of teaching!

  • @thatOne873
    @thatOne873 4 года назад

    Im a simple man, I see Fireship I press like

  • @jaimerojas6578
    @jaimerojas6578 4 года назад +1

    Finally understand this, thanks so much!

  • @andrewkachnic7973
    @andrewkachnic7973 4 года назад

    damn i was hoping for a title like "Psuedo elements ::before 100 seconds"

  • @manjunathpattar8460
    @manjunathpattar8460 4 года назад

    Hi... Liked how we can reduce the redundancy in the html templates.. I wanted to know what is a good alternative for a HTML table in mobile views if we want to make a web app responsive... I ended up reducing the font size for the table for mobile view which isn't up to the mark...

  • @robottopdz4519
    @robottopdz4519 4 года назад

    we're waiting for the next video senpai you're the best

  • @kandy1249
    @kandy1249 4 года назад

    Noice dude. I see your video and it works as catalyst for me to wanting to learn more.

  • @rogercolque
    @rogercolque 4 года назад

    See, this is the good part, Pecker
    ...
    This is when the job gets fun!

  • @Traintec
    @Traintec 4 года назад

    Nice video, informative and quick..

  • @dieweltentdecker5878
    @dieweltentdecker5878 3 года назад

    Great explained!

  • @metal0007
    @metal0007 4 года назад

    Brother would able to make series about all common data structure algorithm s

  • @azatecas
    @azatecas 4 года назад

    awesome as always! when is the memorization in 100 seconds coming out?

  • @negritoojosclaros
    @negritoojosclaros 4 года назад +1

    brilliant!

  • @Ricardoromero4444
    @Ricardoromero4444 4 года назад

    Please do a video explaining ssh

  • @durcodavid
    @durcodavid 4 года назад

    Please do the observer design pattern in javascript in 100 seconds next.

  • @alaa-eddinekarchoud6135
    @alaa-eddinekarchoud6135 3 месяца назад

    very informative thank you!

  • @kaidenrogers
    @kaidenrogers 4 года назад +1

    Where'd you go, good sir?

  • @brianpineda3505
    @brianpineda3505 9 месяцев назад

    this was fire thank you

  • @mayurravindra9433
    @mayurravindra9433 3 года назад

    Now, this is cool🔥

  • @shadowind30
    @shadowind30 4 года назад

    Both videos are cool

  • @estym_
    @estym_ 4 года назад +1

    I legit thought the two videos you uploaded were the same

  • @_harinder
    @_harinder 4 года назад

    Nice👌. Make a video on "Docker in 100 seconds"

  • @agarsomyoutuber4608
    @agarsomyoutuber4608 4 года назад

    Your explanation is so cool. I love the concept of 100 seconds :) But what I want to ask you is- Why don't you make a complete video series/playlist explaining deeply what's going on instead of completing it in just a minute. No No, don't get me wrong, I never said that these videos are of no worth. Actually, you should separate in playlists. Like 100 second explanation in a playlist. And the real time explanation in different playlist!!!! Correct me if I am wrong!

  • @valp_co
    @valp_co Год назад

    Great content dude, thank you so much

  • @rauchu5861
    @rauchu5861 4 года назад

    Do native web components next

  • @Prakhar281993
    @Prakhar281993 4 года назад

    Please make a video on JavaScript mixins in 100 seconds

  • @carltongordon
    @carltongordon 4 года назад

    Hey jeff, it s it possible to do 100s code concepts like variables, loops, statements for newbies?

  • @strangercode3196
    @strangercode3196 4 года назад

    Well explained; I like it

  • @rabiaabbas262
    @rabiaabbas262 3 года назад

    Really great videos

  • @hobbyturystaSEO
    @hobbyturystaSEO 4 года назад

    Can you record smth about virtual DOM is there any virtual CSS?

  • @tilenkomel5487
    @tilenkomel5487 4 года назад

    Wow, I really like you'r videos. It would be great if you could make something using React.

  • @bhavishs5830
    @bhavishs5830 Год назад

    best video ever

  • @DarshitHedpara
    @DarshitHedpara 4 года назад

    Rust in 100 seconds please 😍

  • @hagenlens1403
    @hagenlens1403 4 года назад

    Great video!

  • @MohammadRashed.
    @MohammadRashed. 4 года назад

    that's really helpful thank you

  • @2009Spread
    @2009Spread 4 года назад

    Assembler in 100 seconds!

  • @zarkschow4389
    @zarkschow4389 4 года назад

    is not support ::before pseudo element

  • @vincentdufour613
    @vincentdufour613 4 года назад

    Hi. Do you know how to prevent ddos attacks on your cloud function api ? AWS has AWS Shield and google has google armor. I don't think one can use google armor on cloud function. You can limit the number of function instance and that would limit your bill during the attack but your server would not be accessible to your users.

    • @vincentdufour613
      @vincentdufour613 4 года назад

      We can use rate limiting (express-rate-limit) with express to limit the number of connection from one user or ip address. For a real DDOS protection CloudFlare can act as a reverse proxy that inherently offers DDOS protection and more (they claim having a better CDN infrastructure than Google so you get the page from the CDN faster).
      They also have workers (similar to cloud function but limited to 128mo RAM with similar prices).
      Do you use CloudFlare or another DDOS protection ?

  • @georgianjusondac2126
    @georgianjusondac2126 4 года назад

    wait, to short.. oh hell ya, it is just 100 second. oh man, thanks

  • @volcano3398
    @volcano3398 4 года назад +1

    Why was this originally private?

  • @factsandmyths3301
    @factsandmyths3301 4 года назад

    Thanx

  • @jamesmiller2521
    @jamesmiller2521 4 года назад

    Unit testing in 100 sec please! 🙏

  • @qwertyytrewq9341
    @qwertyytrewq9341 4 года назад

    Angular and Hugo vid?

  • @wolfie8748
    @wolfie8748 6 месяцев назад

    which theme is this ? it looks great

  • @Geozuks
    @Geozuks 2 года назад

    1:12 why the .hello::after went blue? if the bgc i set to red? 🤔

  • @impressionableracoon
    @impressionableracoon 4 года назад +1

    Thanks

  • @szymonozimek
    @szymonozimek 2 года назад

    thanks!

  • @Danzlh
    @Danzlh 4 года назад

    Wow great content

  • @muhammadahmedjaved7691
    @muhammadahmedjaved7691 4 года назад

    I love♥ your videos

  • @lucasfelipe-ze5sy
    @lucasfelipe-ze5sy 4 года назад

    Bootstrap in 100 secounds

  • @pardal_bs
    @pardal_bs 4 года назад +1

    WebAssembly (wasm-pack?) in 100 seconds.

  • @megumin2332
    @megumin2332 4 года назад

    Nice Video!

  • @imelric
    @imelric 4 года назад

    what operative system do you use?

  • @lucasfelipe-ze5sy
    @lucasfelipe-ze5sy 4 года назад

    Amazing

  • @kamonohasheesh
    @kamonohasheesh 2 года назад

    Never done drugs but your 100 sec series are like little lines of coke I like to do before really diving into a subject lmao

  • @driden1987
    @driden1987 4 года назад

    Anyone can recommend a place where I can get a more detail walkthrough on before & after?
    I know the basics of CSS only

  • @sekaibelle
    @sekaibelle 4 года назад +1

    Firefox has scrollbar-width, scrollbar-height and scrollbar-color to change the appearance of any scrollbar on any element.

  • @chetankharel4435
    @chetankharel4435 4 года назад

    First like and watch the video

  • @_arunkmr_rr
    @_arunkmr_rr 4 года назад

    @Fireship please do html dom in 100seconds video