Splitting JS Tutorial - Easily animate type, lists and images

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

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

  • @DesignCourse
    @DesignCourse  6 ปีที่แล้ว +3

    Make sure to subscribe and answer today's question: What is the best beginner's javascript course you've tried?

    • @marknonesa6198
      @marknonesa6198 6 ปีที่แล้ว

      Try SoloLearn App. Available on apple and android. Very interactive and fun way to learn. It'll give you the basics and the foundation before diving in to a more advance tutorial.

    • @ryun_d3v
      @ryun_d3v 6 ปีที่แล้ว

      I really enjoyed SoloLearn app. Not only the tutorials are good but also getting involved with challenges, personal projects or seeing what others are coding.

    • @kasidyray
      @kasidyray 6 ปีที่แล้ว

      javascript.info. I't straight to the point and builds up nicely

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

      Please tell me, how to use Splitting(); in appear.js. I want splitting animation after being section visible. Kindly instruct me how to do it. Thanks sir.

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

    Hi,
    There are many resources to learn the abc of JavaScript,
    But the major section of JS is all about its depth and understanding its weirdness.
    The best resources to understand i would suggest following
    1- Anthony Aliciea, JavaScript - Understanding the Weird Parts
    2- Funfunfunction (MPJ) is discrete order(not in continued sequence) but the content quality and method is Great honestly.
    3- Mozilla Docs for JS.
    4- (Book) JavaScript the Good Parts

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

    Mosh Hamedani's JavaScript mastery series, leaps and bounds ahead of everything

  • @kevin-kretz
    @kevin-kretz 6 ปีที่แล้ว +1

    Awesome video as always! Always learning new things on your channel

  • @aayushkurup4616
    @aayushkurup4616 6 ปีที่แล้ว +3

    I did a 2 courses from udemy
    1 - complete JavaScript course by jonas schemedtmann, and
    2 - complete web developer bootcamp by colt steele.
    the 1st one is completely dedicated for JavaScript whereas from the 2nd one you can learn JavaScript, jQuery and node.ja as well. Either way both were great

  • @olback
    @olback 6 ปีที่แล้ว

    Since I already knew a bit of PHP and C, Javascript was very easy to learn. The MDN docs are a really great resource as well.

  • @ryun_d3v
    @ryun_d3v 6 ปีที่แล้ว

    Best design tutorials, by far!

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

    The splitting documentation is made with VuePress

  • @someucmispersonicus3902
    @someucmispersonicus3902 6 ปีที่แล้ว +18

    Traversy media's udemy javascript course

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

      I fully agree.

  • @carrillocarlosce
    @carrillocarlosce 6 ปีที่แล้ว +7

    I love Javascript

    • @moeminmamdouh2432
      @moeminmamdouh2432 6 ปีที่แล้ว

      Carlos E Carrillo +1, one of the best JS courses out there.

    • @GameOver7853
      @GameOver7853 6 ปีที่แล้ว

      Best JavaScript course ever

    • @crooker2
      @crooker2 6 ปีที่แล้ว

      Link?

    • @kttalkZ
      @kttalkZ 6 ปีที่แล้ว

      I agree bro

  • @eslammagdy3720
    @eslammagdy3720 6 ปีที่แล้ว

    Really I love you man, Finally, I find some creative content.

  • @VishalN529
    @VishalN529 6 ปีที่แล้ว

    Another gr8 tutorial Love it

  • @manojperiathambi3009
    @manojperiathambi3009 5 ปีที่แล้ว

    Hey, I'm your regular follower. Keep up the good work. I was wondering what font you are using ? It is very good looking. Is it source code pro.?

  • @krishnamoorthy9733
    @krishnamoorthy9733 6 ปีที่แล้ว

    Thank you for this awesome video

  • @geanfrancovolpe
    @geanfrancovolpe 5 ปีที่แล้ว

    Does splittingjs has a function to reverse all the splitted content into the original one? Something like GSAP splitText plugin?

  • @AbhishekKumar-mq1tt
    @AbhishekKumar-mq1tt 6 ปีที่แล้ว

    Thank u for this awesome video

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

    Please tell me, how to use Splitting(); in appear.js. I want splitting animation after being section visible. Kindly instruct me how to do it. Thanks sir.

  • @marknonesa6198
    @marknonesa6198 6 ปีที่แล้ว

    What are your tips on how to plan on designing websites/apps?.. Do you draw it on paper 1st? use Canva.com maybe? Do you have tools that you can recommend on how to start your layout. Hopefully you can create a video tutorial on this. Love your videos by the way.

  • @natanfourie
    @natanfourie 6 ปีที่แล้ว

    really nice :) is it little bit like animate.css ?

  • @muhammadusman7217
    @muhammadusman7217 6 ปีที่แล้ว

    Ooh my god, thanks for sharing the great knowledge 🤤😊

  • @kevinzhang8974
    @kevinzhang8974 6 ปีที่แล้ว

    This is very nice tip ... my only concern is performance impact for using this. Given it will conduct minimization, I hope it doesn't cause performance issue

  • @debadipti
    @debadipti 6 ปีที่แล้ว

    Hey Gary, very nice video!
    Please, make a video on @keyframes !

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

    New Boston-Bucky Roberts youtube channel

  • @ksidharth1994
    @ksidharth1994 6 ปีที่แล้ว

    "You don't know JavaScript" is the only thing that comes to my mind when someone says learn JavaScript

  • @AsiG
    @AsiG 6 ปีที่แล้ว

    I used Colt Steele's Udemy bootcamp course for beginners, it actually provided me with all the content i needed for my degree's final project.

  • @semikolon4229
    @semikolon4229 6 ปีที่แล้ว +3

    Javascript by Indian TH-camr Kudvankat

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

    Dear Sir, why splitting JS is not working for angular ? Thank you

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

    Javascript 30 by Wesbos

  • @ashishtwr314
    @ashishtwr314 6 ปีที่แล้ว +5

    JS 30 by Wes Bos

  • @rakeshmishra9035
    @rakeshmishra9035 6 ปีที่แล้ว

    Solid knowledge

  • @ajanieniola9172
    @ajanieniola9172 6 ปีที่แล้ว

    Pls how can i use split.is on angular 6 or ionic 4

  • @bigfoot131
    @bigfoot131 6 ปีที่แล้ว

    The Net Ninja ''javascript for beginners'' and Antony Alicea ''javascript understanding the weirds parts''

  • @ionut1234567891011
    @ionut1234567891011 6 ปีที่แล้ว

    great tutorial!! can u do a tutorial about php mysql?

  • @vladimirsherstyuk2906
    @vladimirsherstyuk2906 5 ปีที่แล้ว

    thank you very mach!

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

    The Web Developer Bootcamp - Colt Steele & You Don't Know Javascript series

  • @justfly1984
    @justfly1984 6 ปีที่แล้ว

    The best book on JS is "You don't know JavaScript" by Kyle Simpson. It is available for free in github: github.com/getify/You-Dont-Know-JS

  • @esportsnexus
    @esportsnexus 6 ปีที่แล้ว

    One from Jonas(This is the best one on the internet):
    www.udemy.com/the-complete-javascript-course/
    Second one from Brad Traversy(Traversy Media TH-cam Channel):
    www.udemy.com/modern-javascript-from-the-beginning/

  • @winter-survivor
    @winter-survivor 6 ปีที่แล้ว

    Those splitting effects are cool but it looks bad for SEO purposes. The solid keyword "Level Up" in the H1 is gone by putting each letter in a Span element

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

      Splitting author here. The HTML delivered from the server is untouched, so most search engines will already be fine, but even if the search engine runs JavaScript s have no semantic meaning, so engines should ignore them completely, reading as "LEVEL UP" just as if they weren't there at all.
      Accessibility-wise, it's the same thing, though I am working on some ways to optimize for screen readers, especially with psuedo-elements that can be utilized for animation purposes.

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

    Thanks for the video, super useful! Is it possible to separate a body of text by lines so I can try to do something like this justified.studio/?

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

    Kiss from France garrrryyyyyyy !

  • @heyyy4987
    @heyyy4987 6 ปีที่แล้ว

    I like it. Tanks

  • @CODERSNEVERQUIT
    @CODERSNEVERQUIT 6 ปีที่แล้ว

    I learned js from net ninja and traversy media TH-cam channel

  • @weshuiz1325
    @weshuiz1325 6 ปีที่แล้ว

    youtube.com is my teacher :)

  • @ikezedev
    @ikezedev 6 ปีที่แล้ว

    Mine is object-oriented javascript by Derek Banas

  • @michaelandreuzza
    @michaelandreuzza 5 ปีที่แล้ว

    Tony Alicea

  • @muhammadusman7217
    @muhammadusman7217 6 ปีที่แล้ว

    That's where I learned alot
    w3schools.com

  • @katelibra
    @katelibra 6 ปีที่แล้ว

    Watch and code

  • @OMADeveloper
    @OMADeveloper 6 ปีที่แล้ว

    youtube channel derek banas

  • @rajashekhar433
    @rajashekhar433 6 ปีที่แล้ว

    TH-cam

  • @shantanukulkarni5940
    @shantanukulkarni5940 6 ปีที่แล้ว

  • @electronicheartbreak.
    @electronicheartbreak. 6 ปีที่แล้ว