Top 20 CSS & Javascript Effects | March 2020

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

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

  • @OnlineTutorialsYT
    @OnlineTutorialsYT  3 ปีที่แล้ว +8

    Click For More : th-cam.com/users/OnlineTutorials4Designersvideos?sub_confirmation=1

  • @SurajSutar-ne8sw
    @SurajSutar-ne8sw 4 ปีที่แล้ว +25

    I can't appreciate your work in one sentence, paragraph, page, book.

  • @jaydenmoon1165
    @jaydenmoon1165 3 ปีที่แล้ว +52

    Well I was going to go to bed - but now I have so many new things to code and mess around with - Thank you for more wonderful videos - always keeping us inspired to build :D

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

      Hey if u can do this, are you able to do free lance work?

    • @sastashroud7646
      @sastashroud7646 ปีที่แล้ว

      ​@@marlonpretto5497I am

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

    This is the first time I visit your channel and I am an web developer and I checked your playlists I have no idea of doing many of these stuffs with only css you are awesome man🔥

  • @mohammedissam3651
    @mohammedissam3651 3 ปีที่แล้ว +13

    You make a professional software dev feel uncomfortable . Well done. Subscribed!

  • @shahilkumar5991
    @shahilkumar5991 ปีที่แล้ว

    I am also a web developer. I really loved the designs and effects. I will use them in my next website. Thanks online tutorials.

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

    it’s top channel for css and javascript effects !!!! thanks for you works

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

    1:16 menu
    3:00 scrool down
    3:25 beaty leading
    4:20 buttons on dark background

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

    Tutorial Links
    ------------------
    1) Creative Page Scroll Progress Bar | CSS3 & Vanilla Javascript
    th-cam.com/video/qYFkQa0Bbq0/w-d-xo.html
    2) Button Ripple Effect on Click Using CSS3 & Vanilla Javascript
    th-cam.com/video/ueyRcYEmsrI/w-d-xo.html
    3) How To Make a Calculator Using Html CSS3 & Javascript
    th-cam.com/video/BuZtAqk5LIY/w-d-xo.html
    4) CSS Creative Product Card UI Design | E-commerce Card Using Html5 & CSS3
    th-cam.com/video/jUByQLfakJ8/w-d-xo.html
    5) Simple Parallax Scrolling Effect with CSS & Vanilla Javascript
    th-cam.com/video/TawH-AqHTXc/w-d-xo.html
    6) CSS3 Creative Menu Item Hover Effects | CSS Shiny
    th-cam.com/video/93XJzguCMKQ/w-d-xo.html
    7) Animate Any SVG icons with CSS Only | SVG Stroke Animation With Html CSS
    th-cam.com/video/0cYdA4MBwhk/w-d-xo.html
    8) Responsive Masonry layouts Using CSS Grid | CSS3 Grid
    th-cam.com/video/icnZSJbNsEM/w-d-xo.html
    9) CSS Neumorphism Working Analog Clock UI Design Using Html5 CSS3 & Javascript
    th-cam.com/video/weZFfrjF-k4/w-d-xo.html
    10) 2.5D Parallax Effects on Mousemove using Html CSS & Vanilla Javascript | Mousemove parallax
    th-cam.com/video/QHWVRBN5NSw/w-d-xo.html
    11) Animated Eyes Follow Mouse Cursor using Vanilla Javascript
    th-cam.com/video/6YsT2uwZalQ/w-d-xo.html
    12) CSS Wavy Text Animation Effects | Html5 CSS3 Animation
    th-cam.com/video/m1ZKHPbnyjo/w-d-xo.html
    13) Responsive Card UI Design With Hover Effects | CSS3 Cards
    th-cam.com/video/RPFfpG0SvV0/w-d-xo.html
    14) Fullscreen Video Background Fadeout On Scroll | CSS3 & Vanilla Javascript
    th-cam.com/video/BmO4NvsmU6s/w-d-xo.html
    15) SVG Image Transform on Scroll Using CSS3 & Vanilla Javascript | Video Background
    th-cam.com/video/htrE84htqhM/w-d-xo.html
    16) Responsive Portfolio Landing Page Website Design Tutorial | Html CSS & Vanilla Javascript
    th-cam.com/video/5zkOWf5_lAo/w-d-xo.html
    17) Video Caption Hover Effects using Html and CSS Only | CSS3 Hover Effects
    th-cam.com/video/Qf3pza8ZhcA/w-d-xo.html
    18) How to build a Complete Responsive Website from scratch
    th-cam.com/video/X8NFkUQNeek/w-d-xo.html
    19) Quick CSS Ripple Animation effects Tutorial For Beginners
    th-cam.com/video/louY7uT_AW8/w-d-xo.html
    20) CSS Neumorphism Radio Buttons UI Design | CSS3 Custom Radio Button
    th-cam.com/video/sJcAgWkjMt4/w-d-xo.html

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

      Will I have access to all posted codes if I am a member?
      Do members have access to all codes?
      Brasil use google translate

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

      music ka link de doo... bro

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

    Im a web designer myself and yet these effects look way too good, will be checking them out!

    • @marlonpretto5497
      @marlonpretto5497 ปีที่แล้ว

      Hey if u can do this, are you able to do free lance work?

    • @aalayer2834
      @aalayer2834 ปีที่แล้ว

      @@marlonpretto5497 ofcourse.

    • @marlonpretto5497
      @marlonpretto5497 ปีที่แล้ว

      @@aalayer2834 where can I connect with you off of you tube my friend?

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

    DUDE! YOU DON"T SLEEP? LOL I really love your work. You deserve to be supported

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

      thanks for being member of my channel

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

      @@OnlineTutorialsYT I normally code everyday and try to learn somethign news. After watching your channel, I am not able to sleep anymore. Really amazing. Keep doing it. The (Hello)world needs someone like you

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

      @@OnlineTutorialsYT which song is this

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

      Ok, that's an unanswered question.

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

      Programmers sleeping? Good joke

  • @Godly2.00
    @Godly2.00 2 ปีที่แล้ว +1

    These button are awesome bro

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

    4:25 I have to pass this test every-night..

    • @Teen-s
      @Teen-s หลายเดือนก่อน

      LoL

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

    Dude you are genius. Hands down genius.

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

    Most underrated channel .

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

    1:16 CSS3 CREATIVE MENU ITEM HOVER EFFFEECTS I LOVED IT THE MOST

  • @Twistmerriam0
    @Twistmerriam0 2 หลายเดือนก่อน

    3:49
    Saving this time stamp for later. Thanks dude. Jesus bless you all.

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

    He descubierto algo maravilloso, verdaderamente este man es un artista. muchísimas felicitaciones por tu trabajo y por compartir tus conocimientos.

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

    That moonlight effect waa gorgeous

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

    I usually dont like videos but u deserve all the likes bro

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

    Came for the video, definitely stayed for the background track!

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

      XD me too

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

      What's the title of this !!

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

      It sounds like 90's Nintendo game track...!!

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

    it's just art... completely amazing ♥️

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

    That feeling when calculator is an effect

  • @user-wc1sm8cj8s
    @user-wc1sm8cj8s 3 ปีที่แล้ว +1

    Your css and js styling is god level😱, how on earth you've made those??

  • @brianborges
    @brianborges 3 ปีที่แล้ว +5

    Melhor canal de tutoriais para programação que eu já vi!!!!!! Parabéns e obrigado pelo conteúdo!

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

    seriously I can't wait to support you. I'm stunned

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

    Now I have motivation for CSS &js ..Tq bro

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

    You are a website building master

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

    Extremely good! You took the design layout to the next level❤❤

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

    Now I am getting more interested in web design

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

    Woooh Nice Graphics!!!

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

    I 💖 your tut's.
    Thanks to you the world becomes more beautiful.

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

    Wooo i can't believe u have tutorials for all this thanks a lot

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

    daamn moonlight parallax is really creative

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

    Bro....Amazing Effects..... You really deserve support

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

    This is the best chanel on yt ❤❤
    Your work is Amazing😙

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

    Why you haven't more subscriber 🥺🥺this video needs more sub

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

    Pretty new to HTML and CSS. This is the best video to get started. Thanks for this!

    • @marlonpretto5497
      @marlonpretto5497 ปีที่แล้ว

      Hey if u can do this, are you able to do free lance work?

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

    That parallax one is crazy! Really cool 👍🏻

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

    the person who designed them was such a fu.3king genius

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

    Wooh dude. You have done some recognizable works. Hats off buddy!

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

    I liked that no. 20 effect

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

    Amazing work

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

    This channel deserves 3 Million subscribers keep up this work buddy one day you will be hired by giant companies

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

    Amazing

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

    man i am fascinated ,you are amazing .i love it

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

    Got here for CSS and JS effects for march 2020, got a calculator and a clock instead. Clickbait never ceases to amaze me.

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

    osm bhai all project top unbeliveable

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

    My favs 0:56 and 4:21

  • @ManasTripathi-q2v
    @ManasTripathi-q2v 10 วันที่ผ่านมา

    Mind blowing ❤🇮🇳

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

    Bravo! You are the best I have ever seen and I have seen so many.

  • @libry-toolbox3674
    @libry-toolbox3674 4 ปีที่แล้ว

    Fantastic demo of JavaScript effects.

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

    Your Very good developer

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

    Thats dope work man,you are awesome

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

    muchas garcias!!!
    justo lo que buscaba

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

    Wow. It's so amazing 🔥🔥👍

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

      These Neumorphism designs are awsomes

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

    love watching these even tho idk how to code lol

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

    That s great! They are things i need ! Thanks

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

    You are a very hardworking man with a great talent
    I love your every videos and you are just simply awesome
    Simplicity at it's finest

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

    Maravilloso, eres el mejor, te admiro muchísimo, Mi nombre es Steven y en un mes cumplo 20 años de edad y soy Estudiante de la carrera de ingeniería de software y quiéro ser programador web, espero dominar el full stack al igual que tú, gracias por tus vídeos he aprendido mucho gracias a Tí.

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

      Es increíble la habilidad que tiene este tipo. Pero no es programador fullstack su especialidad es el front-end. Saludos.

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

    Much appreciated! I've learned a lot with your tutorials. Keep up the good work!

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

      Can you share his tutorial with me plz ?

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

      Aena Qadeer, just check his channel or the pinned comment. 😉

    • @marlonpretto5497
      @marlonpretto5497 ปีที่แล้ว

      Hey if u can do this, are you able to do free lance work?

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

    the 5th demo is just awesome !!!

  • @mantejsingh5438
    @mantejsingh5438 ปีที่แล้ว

    Just woww😍

  • @Mafer-vi5xs
    @Mafer-vi5xs 3 ปีที่แล้ว +1

    2:44 My favorite

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

    Amazing 🥺🥺

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

    Amazing! I was awestruck 😅. You just earned a new subscriber!!!

  • @leonov-v
    @leonov-v 4 ปีที่แล้ว +1

    AWESOME! THANKS BRO!

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

    Many many thanks very happy to have this 😇

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

    Amazing effects! Loved all of them

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

    So this is why websites take a full goddamninute to load

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

      no, css is plain text and its loading is pretty fast.
      what makes websites slow to load is javascript bundles (frameworks, libraries, trackers,)

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

      @Marius S. And if the CSS animations have too long of a timer, preventing other things from displaying. Most of these are nothing new or bad UI/bad accessibility. The portfolio design is fairly good...but again, sidebar nav controlled by a click is nothing new. The more I get into this industry, the more I get annoyed with flashy effects that actually detract from the user experience.

  • @AhmadAli-nl3ff
    @AhmadAli-nl3ff 4 ปีที่แล้ว +1

    Good tutorials

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

    WoW...!!...Awesome...!!

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

    I need the tutorial of this effects and how to implement them. They are freaking amazing.

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

      all the tutorials seem to be in the video description

    • @marlonpretto5497
      @marlonpretto5497 ปีที่แล้ว

      Hey if u can do this, are you able to do free lance work?

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

    i thouht i knew css but now im goint to learn exactly! jaja

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

    This is amazing...Can't wait to take this course

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

    dude u are indeed amazing

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

    Dig that crazy music, baby.

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

    Wow that's some great work
    I will try my best to use all this on website

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

    WOOOOW !!! it's very stylish and cool !! i loved the coronavirus creation it's funny !

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

    Woooow😱great job on this gonna really need it👍

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

    Your designs are truly amazing !!!!

  • @PedroSilva-of8tz
    @PedroSilva-of8tz 4 ปีที่แล้ว +2

    Amazing effects, I love your videos and tutorials. I am from Brazil

  • @StormWolf01
    @StormWolf01 ปีที่แล้ว

    Some cool effects.

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

    who watch this during lockdown?

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

    I have a long way to go in coding!

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

    Your web designing creative is really awsome. You inspired me to create my own channel. Thanks you for your inspiration. Lets design web.

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

      He really creates an eye pleasing web designs.

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

      Coffin dance with html likn.
      Html for beginners.
      th-cam.com/video/AvKWzsOtz9Y/w-d-xo.html

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

    awesome effects

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

    Actually very nice effects!

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

    css is so much cool

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

    this is nice tanks for you tutorial

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

    Nice ..keep uploading..

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

    very n8ce effects sir

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

    Nice! Thanks for great tuts bundle.

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

    your videos are amazing 😎😎😎😎👍👌😍

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

    이야.... 잘하네.... 좋다 좋아

  • @md.ahosanhabib4376
    @md.ahosanhabib4376 3 ปีที่แล้ว

    You are so good creatore

  • @GuilhermeSantos-gu3ef
    @GuilhermeSantos-gu3ef 4 ปีที่แล้ว

    It's so wonderful!! Great!!

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

    moonlight was awesome

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

    3:21 wow

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

    Please Support My Work on patreon
    www.patreon.com/onlinetutorials