CSS Loaders Tutorial #1 - Making a Spinner

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ย. 2024

ความคิดเห็น • 85

  • @jayganeshgupta8799
    @jayganeshgupta8799 ปีที่แล้ว +2

    Amazing cannot believe how simple it is to implement here. Only thing required here to make it possible is just imagine and do it... Thank you.

    • @NetNinja
      @NetNinja  ปีที่แล้ว +1

      Couldn't agree more! :) thanks for watching Jayganesh

  • @harrisonofordu4222
    @harrisonofordu4222 4 ปีที่แล้ว +1

    I bought your Javascript course on udemy.(novice to ninja) and it helped me alot. My knowledge on Javascript is growing rapidly. You are the best

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +1

      Thank you so much - really hope you enjoyed it!! And well done on your JS progression :)

  • @ahmadalharbi9097
    @ahmadalharbi9097 4 ปีที่แล้ว +1

    Thank you Ninja , every day I learn something new from you

  • @jason_liam
    @jason_liam 4 ปีที่แล้ว +1

    I am working on one project and was trying to create loaders and then this video comes out. Loved it

  • @harrisonofordu4222
    @harrisonofordu4222 4 ปีที่แล้ว +1

    I don't know how to put this in words but you are the best I have ever seen. Brad and Kyle comes second. Net ninja tutorials is easy and simple to implement. Your logic is crazy man. Keep. It up

  • @mrMinstrel
    @mrMinstrel 4 ปีที่แล้ว +5

    Perfect...icing on the cake...especially after this crazy hurricane season!

  • @Gunawan-et4nu
    @Gunawan-et4nu 4 ปีที่แล้ว +18

    nobody can't stop him, you're amazing👍. Your reactjs and nodejs playlists helped me a lot. Keep doing great, Love from Indonesia🖤

    • @jakobturner3341
      @jakobturner3341 3 ปีที่แล้ว

      A tip : you can watch movies at Flixzone. Been using them for watching a lot of movies these days.

    • @devonsam4297
      @devonsam4297 3 ปีที่แล้ว

      @Jakob Turner definitely, been watching on flixzone} for years myself :D

  • @JohnKomarnicki
    @JohnKomarnicki 4 ปีที่แล้ว +2

    Another great video Shaun! Thanks for the content as always

  • @harrisonofordu4222
    @harrisonofordu4222 4 ปีที่แล้ว

    I have been waiting for this tutorial. Netninja is the best

  • @vinayak5788
    @vinayak5788 4 ปีที่แล้ว +4

    I don't know why I am getting in love with your channel ♥️♥️
    How amazing this channel is
    Superb 😉

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +3

      Thank you so much 😀

    • @vinayak5788
      @vinayak5788 4 ปีที่แล้ว +2

      @@NetNinja ♥️😀

  • @nexnuum
    @nexnuum 4 ปีที่แล้ว +3

    This is great to build a separate component for React and having each spinner to use on the application!
    So cool! Keep it up, man o/

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +2

      Yeah, I tend to create a bunch of React / Vue components that are loaders and just drop them in whenever I need them.

  • @kodetumbuh
    @kodetumbuh 4 ปีที่แล้ว +3

    You are wizard man never ever stop post the videoss 🔥

  • @Asimz
    @Asimz 4 ปีที่แล้ว +1

    Still being a hero! Keep at it! So much appreciation for the work you do.

  • @DigitalMonsters
    @DigitalMonsters 4 ปีที่แล้ว

    if you set one duration to twice the other (eg 1.2s and 2.4s) i think it looks cool. Looks like they merge and split since the thickness grows at the same time as they join.

  • @tonimaunde
    @tonimaunde 4 ปีที่แล้ว +1

    Great video, Shaun. Thank you.

  • @gamingdaavago174
    @gamingdaavago174 4 ปีที่แล้ว +1

    You are always the best in my web learning skilss

  • @codehal
    @codehal 2 ปีที่แล้ว +1

    Nice, this is cool❤

  • @aryanjpg
    @aryanjpg 4 ปีที่แล้ว +2

    I always wanted to thank you for making these tutorials you help us a lot
    Thank you net ninja and yoshi😁

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +3

      Thank you! Glad you like them! :D

  • @layeekromah4799
    @layeekromah4799 4 ปีที่แล้ว +1

    Always a pleasure watching videos from this channel. Would love to see a series on making a website with light and dark mode theme switcher. Thanks Net Ninja.

  • @Hurtwolf
    @Hurtwolf 4 ปีที่แล้ว +1

    They are really fun to make!

  • @nagrajankola1323
    @nagrajankola1323 4 ปีที่แล้ว +1

    Simple and clean!
    Thanks man! ❤️

  • @DevMadeEasy
    @DevMadeEasy 4 ปีที่แล้ว +2

    Wow! What a nice content, thanks for sharing it my friend Ninja!

  • @Lokesh3152
    @Lokesh3152 4 ปีที่แล้ว

    i thought the spinner logo moving towards right
    nicely explained
    looking forward for new jutsu

  • @talkathiriify
    @talkathiriify 4 ปีที่แล้ว +1

    Awesome!
    Thank you very much.

  • @imanqoly
    @imanqoly 4 ปีที่แล้ว +1

    Great, now it sounds easy for me 😀🙏

  • @tyrrelldavis9919
    @tyrrelldavis9919 4 ปีที่แล้ว +1

    Thanks fren. Was just making one of these in react

  • @Powerful-Manifestor-
    @Powerful-Manifestor- 4 ปีที่แล้ว +1

    Amazing👍🏻

  • @peoplearecool8766
    @peoplearecool8766 4 ปีที่แล้ว +1

    OMG you are the best NETNINJA !! Also please make react + firebase project please, without redux :((

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +2

      I will come :)

  • @lukem121
    @lukem121 4 ปีที่แล้ว +1

    Nice this is cool! Thank you for the content!

  • @OfficialVideos482
    @OfficialVideos482 4 ปีที่แล้ว +1

    Nice Tutorial As Usual Thank You ! :-)

  • @SunilSkanda
    @SunilSkanda 4 ปีที่แล้ว

    You really are a Ninja 🐱‍👤

  • @vechniy_uchenik
    @vechniy_uchenik 2 ปีที่แล้ว

    Good job! Thank you for the content!

  • @swoorp
    @swoorp 4 ปีที่แล้ว +1

    Love you Ninja 😍♥️♥️ hope people help you even more including me obviously!...😍😍😍♥️

  • @spellsaif
    @spellsaif 4 ปีที่แล้ว +1

    That Ninja Sound Is Finally Back!

  • @NiiAbe1
    @NiiAbe1 4 ปีที่แล้ว

    Dont know where to make a request but you should please make a livewire tutorial to complement the laravel tutorial. Can not find a cood livewire tutorial. Thanks

  • @techjavaid6177
    @techjavaid6177 4 ปีที่แล้ว

    Fire power ❤ Man Made of Steel 😂, Stronger & stunning 😍

  • @namelysweet8262
    @namelysweet8262 3 ปีที่แล้ว +1

    SUPER COOL

  • @sanghvian
    @sanghvian 4 ปีที่แล้ว

    Long live the ninja !

  • @hanifanmohamad2327
    @hanifanmohamad2327 4 ปีที่แล้ว

    thanks for everything!

  • @wziro65
    @wziro65 4 ปีที่แล้ว +1

    Love that

  • @madmaxdev
    @madmaxdev 4 ปีที่แล้ว

    Tutorial on ci/cd please

  • @vuongvu2925
    @vuongvu2925 4 ปีที่แล้ว

    Awesome!

  • @sudiptaadak7712
    @sudiptaadak7712 4 ปีที่แล้ว

    Jr Ninja reporting for duty sir😅

  • @rabisenpai1207
    @rabisenpai1207 3 ปีที่แล้ว

    broooo it is easer than what i thought

  • @adilkhatri7475
    @adilkhatri7475 4 ปีที่แล้ว

    made it so simple!!!

  • @skrumb
    @skrumb 4 ปีที่แล้ว

    Eyyy, thats pretty good.

  • @arthurRedDrummer
    @arthurRedDrummer 4 ปีที่แล้ว +1

    Why not to use :before and :after instead two divs?)

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      You could do something like that, yeah. I just chose divs :/

  • @gokulpisharody3155
    @gokulpisharody3155 3 ปีที่แล้ว

    Ninja plz update Angular playlist ...it would be greate.

  • @knowledgeisking2737
    @knowledgeisking2737 4 ปีที่แล้ว

    sir can you explain how to transfer only data of row to next screen IN DATATABLE or please till me it can be possible. i struck here last 4 DAYSIN FLUTTER

  • @aljon7992
    @aljon7992 4 ปีที่แล้ว

    Imagine getting a mention to my teacher net ninja to his next video :)

  • @vanshitasingh6251
    @vanshitasingh6251 3 ปีที่แล้ว

    how can we show a checked sign after spinning for 1s?

  • @andreivaraujo8933
    @andreivaraujo8933 4 ปีที่แล้ว

    Yeaaahhhh, this is perfect!

  • @ImanH
    @ImanH 4 ปีที่แล้ว

    Which video editing software do you use?

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      I use Premier Pro :)

    • @ImanH
      @ImanH 4 ปีที่แล้ว

      @@NetNinja Thanks very much 🌷

  • @ahmedhabeeb2499
    @ahmedhabeeb2499 4 ปีที่แล้ว

    thanks habibi

  • @tiefsoftwarelab
    @tiefsoftwarelab 4 ปีที่แล้ว

    hello.new friend thanks for share your experiences have Great day

  • @shaanvazarkar012
    @shaanvazarkar012 4 ปีที่แล้ว

    Awesome

  • @ridl27
    @ridl27 4 ปีที่แล้ว

    ty.

  • @scienc3tv
    @scienc3tv 4 ปีที่แล้ว +1

    I love you 😇

  • @forhadrh
    @forhadrh 3 ปีที่แล้ว

    Nice! :)

  • @faiedweb
    @faiedweb 4 ปีที่แล้ว

    Amazing!
    Payment gateways in php, Please

  • @danieladekoya1224
    @danieladekoya1224 4 ปีที่แล้ว

    Wizard !!

  • @royangagas2519
    @royangagas2519 4 ปีที่แล้ว

    Yuhuuu

  • @note-karlo
    @note-karlo 4 ปีที่แล้ว

    ☺🤗

  • @fatimasyed1782
    @fatimasyed1782 4 ปีที่แล้ว

    wow

  • @danielcir8675
    @danielcir8675 4 ปีที่แล้ว +1

    Excellent tutorial but for the love of god, why show us you use Live Server when in fact we CANNOT see it unless you tab over to it!!!! And I noticed this in almost all your videos, it's the reason I don't follow your videos anymore.....

    • @thefrey9588
      @thefrey9588 4 ปีที่แล้ว

      Ikr. What's the point of running a live server if you're gonna cover up almost all of the browser window with a text editor.

  • @tanmaykenjale6615
    @tanmaykenjale6615 4 ปีที่แล้ว

    The first comment!

  • @osherezra8460
    @osherezra8460 4 ปีที่แล้ว

    Awesome