My Favorite Carousel Library | Swiper.js

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

КОМЕНТАРІ • 41

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

    Been using swiper for the last months and it's very useful and it adapts easily to everything

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

      Yeah, I’ve used it in a ton of projects myself. Very useful almost any type of carousel you might need!

  • @qqq3016
    @qqq3016 13 днів тому

    How can I limit the maximum number of pagination bullets?

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

    It's a great tool but also the unpacked size is 4.66MB!!! You can write and customize your own carousel within maximum 200 lines of code.

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

      Of course! I actually created a video where we create a custom carousel from scratch. Most of these libraries are to speed up development, and make life easier to implement features quickly.

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

    Thanks John for this Amazing Library!

  • @zapikk
    @zapikk 5 місяців тому

    What about fullscreen mode?

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

    I loved using Swiper but these days I’m using SplideJS. I find it very easy to work with and sometimes lighter than what Swiper is offering.
    SplideJS also offers continuous sliding like a marquee, something that needs to be hacked with Swiper.
    But love em both 👌

    • @JohnKomarnicki
      @JohnKomarnicki  2 роки тому +2

      Just checked it out! Maybe I’ll have to give this a try and see! Overall it does look great! 👀
      *Good thing I said my favorite and not the best!

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

      @@JohnKomarnicki hahaa! We have a convert 😂 jk but most definitely would love to see you do a video and cover it. I think the developer would appreciate it as I don’t see it getting the traction that SwiperJS gets 👍

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

      Haha, we might! I enjoy giving all libraries a fair shot. I’ll definitely be checking this out and creating a video soon

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

      Thank you for sharing, I am starting on the web developing and I'm clad people share everything they know.

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

    Swiper is amazing! Thanks for sharing, John!

  • @jatinkumar7287
    @jatinkumar7287 Місяць тому

    Swiper is making cls of site high can u suggest a fix?

  • @ЕвгенийЧерник-н5э
    @ЕвгенийЧерник-н5э 7 місяців тому

    Hello! Why doesn't this work with Nuxt 3?

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

    Love your videos John... Thank you so much

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

    npm i swper giving error while its startring downloading files

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

    im using vite vue3 swiper. and vite error [vite] Avoid deep import "swiper/vue". also vite say: If the dependency requires deep import to function properly,
    add the deep path to optimizeDeps.include in vite.config.js. but still not working. please help me fix it

  • @karthikm.1804
    @karthikm.1804 2 роки тому

    Please bring vue + typescript projects

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

    do you think about redoing big projects like your workout application, or your fireblog? I followed all these projects and I loved and above all learned a lot thanks to them! I really hope that your life and your desire will give you the opportunity to make such projects! but whatever happens thank you!

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

      Actually, I have a huge project coming soon! Probably near the end of the year. It will be a full stack application, like fireblogs. Built with Vue and Altogic! As well as a Vue crash course coming out within the next couple weeks!

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

      @@JohnKomarnicki great ! I'm delighted to read such a thing and I can't wait! see it all! thank you in advance for these videos which promise to be enormous!

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

    I use swiper a lot, but can you do a video on free mode with swiper? That's where it really shines

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

      I actually use that mode for it quite often!

  • @RO-nb6mz
    @RO-nb6mz Рік тому

    awesome!

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

    FIX: import { Pagination } from "swiper/modules";
    , not import { Pagination } from "swiper";

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

    Good job 👊

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

    this is helpful thanks!

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

    Is this responsive?

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

      For the sake of the demo, I did a fixed width and height. But you could make it responsive by not doing that

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

      @@JohnKomarnicki alright, I see

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

    IMPOSSIBLE TO MAKE IT WORK IN LARAVEL 10 + VUE. BEEN TRYING FOR HOURS IT JUST DOES'NT APPEAR BLANK PAGE

  • @fatdarkness4099
    @fatdarkness4099 15 днів тому

    Thanks a lotttttttttt

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

    Hi John, thank you for all the good videos but I definitely had to give this one a thumps down. It is quite often you start a video abruptly from nowhere with contents and then you do not provide the starter code. Appreciate your help to make your videos more useful.

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

      I provide starter code when needed. All the code needed for this is explained in the video. Minus very basic CSS. I wouldn’t create a new repo for just a blank vue 3 project for a tutorial like this.

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

      @@JohnKomarnicki I understand. We need the codes to avoid typing the css and learn the main topic faster. Sometimes the very basic ones like "container" varies on different situation. I am addressing all these on behalf of newbies. Like i always said, the biggest audience are the newbies.