How to create a fancy animated slider in Bricks Builder

Рет қаралды 739

Күн бұрын

In this video, I’ll show you how to create a fancy slider with smooth animations in Bricks Builder. We’ll be using nothing more than the Slider Nestable element which already comes with Bricks. So, no extra plugins are needed to achieve these results.
Among other things, you’ll learn how to super-charge your slider using some advanced options that go way beyond what you would normally find in the Bricks slider settings.
------------------------------------------------------------------------------------------------------------
VIDEO CHAPTERS
00:00 - Intro
01:02 - Designing the card
07:05 - Slider setup
12:12 - Bricks Slider Bug
16:14 - Splide updateOnMove
30:48 - Slider Overflow
37:48 - Last slide problem
------------------------------------------------------------------------------------------------------------
VIDEO RESOURCES
Settings JSON - pastebin.com/mATb3Kga
------------------------------------------------------------------------------------------------------------
SUPPORT THIS CHANNEL
www.buymeacoffee.com/oscarobians
------------------------------------------------------------------------------------------------------------
BACKGROUND MUSIC
Constellations by Purrple Cat | purrplecat.com/
Music promoted by www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
creativecommons.org/licenses/...
------------------------------------------------------------------------------------------------------------
Do you need a new Website or Brand Identity for your business? Drop me a line on my website at lightspuncreative.com

Пікірлер: 16

@theskatingchoreographer 25 күн бұрын

Your videos are awesome man! Thank you so much!

@popopp2297 Ай бұрын

Bro, you're the best! Seriously, I'm so pumped right now! Thank you for your in-depth video and clear instructions on how to combat all challenges. I hope you create more content like this. Have a blessed day! : )

@OscarObians Ай бұрын

Thanks for your kind comment. I'm glad you found this video helpful

@Hassanakora Ай бұрын

Nice tutorial learned a lot, please make more splide content

@OscarObians 28 күн бұрын

Thanks. I plan to

@wpeasy Ай бұрын

Great video Oscar. With setting Widths; my preference is to always set "width" to 100%, use "max-width" to set your wanted width. That way they can shrink on smaller screens and not cause overflow.

@OscarObians 28 күн бұрын

Ah yes! Thanks for pointing that out.I tend to make that mistake quite often using width instead of max-width to specify element width until I spot an unwanted overflow.

@EliasRise Ай бұрын

great tutorial :) Thanks!

@OscarObians Ай бұрын

You're welcome!

@ocratest 22 күн бұрын

Brilliant video! Genuinely well done, it's great how thorough you are. There is very little content available on the Bricks slider, so I agree with other comments "More slider videos!". Not sure if you work with GSAP, but it would be interesting to see this example using GSAP inside the slider. Keep up the good work - Looking forward to your next vids.

@ocratest 22 күн бұрын

Actually I was curious and took a look (GSAP in Splide), looks quite complex. So never mind that part of my comment.

@OscarObians 22 күн бұрын

Thank you for watching. I'm glad you found it valuable. More videos on Bricks and Splide in the works.

@demasvandijk Ай бұрын

This is great mate!

@Andy-vh3ns Ай бұрын

Dude, I love your stuff, always great tutorials. But please, get rid of that background music, it is not needed -- it is annoying and distracting away from what you are showing.

@OscarObians Ай бұрын

Thanks for the feedback. I have the bg music only at the start and end of this video. But I'll keep this in mind for subsequent videos.

@Andy-vh3ns Ай бұрын

@@OscarObians Your content speaks for itself. Plus, you have a great presenting voice, so no need to have all the other distraction. But, that is just my opinion, it is your channel after all.