Building a CMS-powered parallax image gallery in Webflow

Тәжірибелік нұсқаулар және стиль

[ Get the cloneable ]
webflow.com/made-in-webflow/w...
[ Check out part 1 ]
• Creating a CMS-powered...
After asking around on Twitter, a lot of people seem to struggle a bit with creating CMS-powered (basic) custom sliders in Webflow. So I'm making two videos on how to do so. In this first one, we'll cover a very basic setup for a looping team slider, with custom buttons. Tomorrow I'll post a video on a slightly more advanced but very cool image gallery with a parallax effect.
[ Links 👇 ]
Swiper: swiperjs.com/
Codesandbox: codesandbox.io/
How I record my screen: www.screen.studio/
[ Do you speak Dutch? 🇳🇱 🇧🇪 ]
Join the largest and most vibrant no-code community!
www.nocodecommunity.nl/
[ My socials ✌️ ]
Twitter: / iljavaneck
Instagram: / by.ilja
Awwwards: www.awwwards.com/ilja-van-eck/
Webflow profile: webflow.com/@iljavaneck

Пікірлер: 20

  • @SunnAyush
    @SunnAyush2 күн бұрын

    This is so cool, can you drop a tutorial for making this responsive as well?

  • @emmanuelolowookere3623
    @emmanuelolowookere362311 ай бұрын

    Love how you make it so simple ✨

  • @samuelhurll9075
    @samuelhurll90759 ай бұрын

    Brilliant tutorial! Would love to see more of these. Great work.

  • @horlladjosh
    @horlladjosh5 ай бұрын

    Thanks, Ilja! This tutorial was really helpful.

  • @sebgregory3492
    @sebgregory34925 ай бұрын

    You are a gem, amazing presenting style and super valuable informatino

  • @nicolalino6228
    @nicolalino6228 Жыл бұрын

    Keep going love your inspiring content 🔥🔥

  • @kasunwitharana2933
    @kasunwitharana2933 Жыл бұрын

    We need more tutorials..Thank you So Much! You Are Great

  • @fazlu3706
    @fazlu3706 Жыл бұрын

    Keep it on 🔥🔥🔥🔥

  • @uxdeya7660
    @uxdeya7660 Жыл бұрын

    soo inspiring

  • @liampowerart
    @liampowerart10 ай бұрын

    You shouldn't have skipped forward, at the start of this video. Oh we did this in the last video, just do the tutorial from the start to finish. Think of them as unique individual tutorials and start afresh. People don't want to be skipping back into other previous videos, when learning. It's making life difficult on them, which equates to a bad user experience. Other than that great work!

  • @cutthecode
    @cutthecode Жыл бұрын

    Love it!

  • @joergfrank
    @joergfrank7 ай бұрын

    thx for this tutorial, really useful :)

  • @martijnaanstoot9124
    @martijnaanstoot9124 Жыл бұрын

    Nice content!

  • @BorhanMediaWebdesign
    @BorhanMediaWebdesign11 ай бұрын

    Thank you so much - Great tutorial! Do you know if the loop setting is only problematic if you dont use The Cms Collection? My slider keeps jumping at a certain point..

  • @iljavaneck

    @iljavaneck

    11 ай бұрын

    Using or not using the CMS shouldn’t make a difference. A common issue with loop mode is not having enough slides. I believe you need at least double the amount of slides per view in your list. For example; if you have slidesPerView set to 3, you need at least 6 slides in your list.

  • @Sergy_Kondrashin
    @Sergy_Kondrashin Жыл бұрын

    🔥🔥🔥🔥🔥🔥

  • @samvillain9991
    @samvillain99917 ай бұрын

    Man i really like your work, i want to learn some css coding just enough to help me with webflow can u suggest any youtube chanel where i can learn from scratch

  • @user-lw8nt4jo1e
    @user-lw8nt4jo1e2 ай бұрын

    can't see the CODE!

  • @luketrucino3745
    @luketrucino37459 ай бұрын

    Please if i am not using CMS, can you in points answer what i have to do diferently ? Thank you very much :)))

  • @iljavaneck

    @iljavaneck

    7 ай бұрын

    Instead of building it from a collection list, just use regular divs but with the same class names I give the Collection list wrapper, list and items. And then just copy a bunch of your static divs for every slide!

Келесі