The Best Way to Enable CSS Animations with JavaScript?

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 21

  • @jordanegli5190
    @jordanegli5190 2 роки тому +1

    ive been looking everywhere for this thank you so much

  • @NedumEze
    @NedumEze 2 роки тому +4

    Hi Dom,
    Cheers.
    Some advise against the use of Classes in Javascript(ing). Leave Classes for CSS, they argue with reasons though.
    Could datasets, IDs, etc., be used in these examples?

  • @c.n.h.4427
    @c.n.h.4427 Рік тому

    Really helpful, really nicely explained and not complicated, thank you very much!!!

  • @umangternate
    @umangternate 2 роки тому

    Today I found dcode VScode theme. Thank you for creating it. It is so retina-friendly.

    • @dcode-software
      @dcode-software  2 роки тому

      Awesome 🙂 glad to hear you like it. Out of curiosity, did you find my theme or channel first?

  • @ChinnuB-c8v
    @ChinnuB-c8v 9 місяців тому

    what is the font used in the editor?

  • @mrmiquy6640
    @mrmiquy6640 2 роки тому

    How named extension which makes cursor moving smoothly?

  • @shubk9343
    @shubk9343 Рік тому

    Hey, I was able to apply this to my portfolio, I had a doubt.
    for example: I have a keyframe named "animate", and am applying it to 2 different classes "class1" & "class2", what can I do if I want the animation to run for '1 second' with class1 and for '2 seconds' on class2.

  • @paulofernando78
    @paulofernando78 Рік тому

    Thanks so much for this!

  • @vikaskanoo634
    @vikaskanoo634 2 роки тому

    Awesome video. I loved it !!

  • @maximmarinovskyi2267
    @maximmarinovskyi2267 2 роки тому

    Thats a great video, right the one I was looking for. Thank you!!!

  • @leonmarienga3293
    @leonmarienga3293 Рік тому

    You are very helpful, thank you

  • @olegkravchenko9655
    @olegkravchenko9655 2 роки тому +1

    Hi, Dom! Thanks for the great content again!
    As for your last course, I was waiting for it actually :) But could you add some more content to it? Three to five projects from this channel would be fine if you arrange them by level of difficulty (you even have projects using JavaScript Classes here). That way your course could have more value for potential students.
    Just a suggestion. Thank you for this channel and all its content again!

  • @montebont
    @montebont Рік тому

    Hi Dom. Thanks for this video - worth watching as always.
    I'd like your view on this one: trigger animations by toggling a class or setting the target elements data attribute ? Like 'data-pulse' or 'data-hidden'.
    Or even both ;-)
    IMHO a class (generic behavior) should be used for the same behavior for multiple elements. That is what a class is supposed to do.
    For a single element I'd prefer to use the data attribute - if only to avoid using the elements 'id' in CSS.
    All the best,
    Ed

  • @tokhenz
    @tokhenz Рік тому

    Thx a lot mate!!!

  • @kevinfisher7032
    @kevinfisher7032 2 роки тому

    Very useful.... It unleashes the power of CSS transitions... I find myself using this method this all the time. I might suggest you do a little extra video where you transition more than one element and then you can get into using forEach loops along with querySelectAll (cos, and I speak from experience, it can be a royal pain in the butt until you figure it out :-)

  • @bellow247
    @bellow247 Рік тому +1

    wow thank you I thought I was going crazy nobody covered this 🤣

  • @VinaySingh-jm8iw
    @VinaySingh-jm8iw 2 роки тому +2

    Not the best, more like a simple solution to a simple use-case. The more common need to trigger animations in JS would be one iteration animations triggered at will multiple times (e.g. a warning animation when the user does something wrong), which this doesn't cover. There are multiple ways to do this, some with classes, some without. I would suggest you create a video going through those options as a follow up for developers that need to learn that.

  • @victory_lucky
    @victory_lucky 2 роки тому

    Hi Dom, it's been a while

  • @augischadiegils.5109
    @augischadiegils.5109 2 роки тому

    ❤️❤️❤️❤️