6 ай бұрын
7 ай бұрын
8 ай бұрын
8 ай бұрын
10 ай бұрын
Пікірлер
@mikkelsmed 2 күн бұрын
Yo - Thanks for the great tutorial. Does this also work witch E-commerce items?
@Animals_Drawing_for_Kids 4 күн бұрын
I have pagination on my blogs and search is working for just first fold like i have 10 blog in and then next button so i want when someone search in search bar it should apply for whole collection not just for the first or opened 10 blogs, Please help me out
@webbae 3 күн бұрын
Are you using CMS load as well?
@赵阳-m1v 4 күн бұрын
nice! i study you course hardly
@AvanaVana 6 күн бұрын
I saw you ask how to do this on Stack Overflow
@webbae 4 күн бұрын
I ain't hiding! When you try to create SVG that is only straight lines you can run into some weird rendering issues!
@johanvanwambeke723 6 күн бұрын
What do you think are the advantages of doing it this way?
@webbae 4 күн бұрын
extensibility - what if we wanted to speed up/down based on scroll? What if we wanted the user to be able to interact with the logo garden somehow? etc. Hope that helps!
@timdaff 8 күн бұрын
Super helpful, thanks bae! timestamp 1:06
@rustykraken423 9 күн бұрын
toll
@webbae 8 күн бұрын
booth
@frontend-css-simplified 9 күн бұрын
👋 Hi, Keegan. I just noticed you used javascript module syntax in recent webflow projects. So, my question is, are it's helps to optimization website loading speed as well! Cause you load the third party scripts via import.
@webbae 8 күн бұрын
Yes! Using ES modules in Webflow helps to optimize for performance, especially with large projects like this.
@TrishaLeconte 9 күн бұрын
Loving the gsap tutorials. Please do more and more! Looking forward to the next one.
@webbae 8 күн бұрын
I have some cool ones planned - stay tuned!
@PubgSpeed-wl8yo 5 күн бұрын
GPT does this easily without such instructions
@heatherliu6856 10 күн бұрын
Developers don’t want you to know this one simple trick….
@webbae 8 күн бұрын
But I got a whole bag of 'em...
@Purvwebflow 11 күн бұрын
Thanks a lot. I will be using this for my upcoming project. But can we set different interactions on each specific sections @webbae
@Binyamin1444 11 күн бұрын
Great stuff but why wouldn’t we just use css only marquees? For better page speeds..
@webbae 11 күн бұрын
Some folks have reported css marquees glitch when you have certain content in there. I’ve never had any major problems with them though. Created a logo slider from swiped could also provide a lot of extensibility if you want something more interactive like change speed on scroll or something like that.
@Binyamin1444 11 күн бұрын
@@webbaeah cool makes sense. Keep up the good work
@alyssa_bananas 11 күн бұрын
Definitely cloning this! I use SwiperJS all the time but just couldn't figure out how to do a smooth marquee! Thanks for this
@webbae 11 күн бұрын
overriding the timing transition func was the key for me. I feel like swiper should expose that as an option in the JS API....
@surendarr2177 11 күн бұрын
🤩🤩🤩
@Wasgehtdichdasan16 11 күн бұрын
How would you make the gap even betweeen differen size logos?
@webbae 11 күн бұрын
you could use slidesPerView not on auto for that. You could also get more fine-grained control by adding combo classes like "is-small" or "is-brand-x" and provide granular styles that way.
@danielapro9755 11 күн бұрын
This is a great, hack but Splide handles this almost out of the box and you can even interact with it and add all the fun stuff like pagination. Although Swiper really excels at custom effects like the 3D box or the card shuffle effect, for standard every day use I recommend Splide.
@kevynlevine 11 күн бұрын
Raw dogging is my favorite way to do everything, in Webflow. Great video - thank you!
@webbae 11 күн бұрын
sometimes you gotta be quick with it.
@swapnilvathare 12 күн бұрын
Awesome tutorial! You explained everything so clearly and made it easy to follow. I have one question-would it be possible to implement this on page scroll?
@webbae 11 күн бұрын
yes you could use GSAP ScrollTrigger to do it. You could probably also use CSS scrolldriven animations but I'm not as familiar with those.
@mohamadrmdn 12 күн бұрын
Hi.. I followed each step carefully, but the search isn’t working as it should. Typing doesn’t trigger any results immediately, and when I press Enter, it treats it as if I submitted a form. I’m not sure where the problem is, but I used the helper tool, and it didn’t recognize that I added the attributes in the settings - even though I’m certain they’re there. It feels like I missed something, but I’m not sure what.
@webbae 12 күн бұрын
Make sure the helper tool is on the latest version, as the filtering features are being updated constantly!
@victoriaw1415 14 күн бұрын
Awesome, just what I needed! Thank you! :-)
@webbae 13 күн бұрын
Check out the recent video on sub grid too!
@webbae 13 күн бұрын
This one: CSS Subgrid Explained: Simplify Complex Layouts in 4 Steps kzbin.info/www/bejne/f5KnlnWPa56eZpY
@neoniquestudio 15 күн бұрын
What am I missing here? From what I understand it, the CMS Filter Component works with static filter tags, but you somehow make it work with dynamic categories. The step 3 in your video is different from the Finsweet documentation, I don´t get it!
@neoniquestudio 15 күн бұрын
Made it! :-) Actually I was able to put the categories cms collection directly in the form, , so it creates the filter labels dynamically. Thought this is not working (and it wasn´t in the past I´m pretty sure, Finsweet even offered a custom code workaround to make this possible, now it´s working right away).
@webbae 13 күн бұрын
Yea it should work without issue! Glad you got it going.
@grigoryegorov2036 16 күн бұрын
Dude, I come to this tutorial every time I need to set up a form in webflow. Such a great tutorial, and so much more straightforward and stable without make and zapier 🙏
@webbae 13 күн бұрын
Glad it helps :)
@samueluebersax8528 16 күн бұрын
anything we can do about the flickering when it starts over?
@webbae 16 күн бұрын
It shouldn’t do that. Your gap setting might be off? Is the example flickering for you too?
@acidsunshine8908 21 күн бұрын
why i cant use this in another page in the same project, i had problems with this :(
@webbae 17 күн бұрын
It should work across different pages - maybe check if you are duplicating and/or overwriting some css
@steveworrell 22 күн бұрын
One thing I don't like about this interaction is how it snaps in and out of life. As in, when you hover off the element it snaps back to it's initial state. Is there a way to ease in and out of the state? - EDIT - I found the answer. There is the setting smoothing. Increasing that solves my problem.
@webbae 17 күн бұрын
Glad you got it working!
@LittleAmyHe 22 күн бұрын
Thank yoooou so muuuuch Dx
@weshallconquer 22 күн бұрын
this is nice but how can we do it with dynamic link or cms pages
@webbae 17 күн бұрын
You can use query parameters on dynamic pages too. Can you provide a more detailed example?
@ChiragEmpyreal 25 күн бұрын
Hey, Thanks so much for this one. Can you share code repo?
@webbae 17 күн бұрын
Code is in the cloneable
@ChiragEmpyreal 17 күн бұрын
@@webbae Yes, got it and I wanted to use it in react js, so, converted the code then.
@alexhartan 25 күн бұрын
Brilliant bae!
@TheRodionu 25 күн бұрын
Awesome plugin. Wanted to know if will be any update for the SVG files as well? Right now, the SVG files don't appear in the Asset Bae dashboard.
@webbae 17 күн бұрын
The ai model I’m using doesn’t support SVG - so that’s what’s limiting :(
@webbae 17 күн бұрын
If I can find one that supports SVG I’ll try to add it at some point!
@TheRodionu 17 күн бұрын
@@webbae Awesome! Thank you! Great Fn Job :)
@LuaCieza Ай бұрын
Hi there! I love your videos! but I'm new to code and I'm just here wondering, what is "sandbox" I've only used dreamweaver, is it a similar program for code?
@webbae 28 күн бұрын
Hey Lua! I’m referring to “code sandbox dot com” which is a web-based code editor. It’s an easy place to get started with code, though I also recommend building locally with VS Code. I walk through examples of that in my Patreon course and in the following video.
@webbae 28 күн бұрын
This one! kzbin.info/www/bejne/Z4jTk2yKpr2SebMsi=1I8yttbRIplvkjmI
@ReentalFortnite Ай бұрын
Hello. It’s not working for me. I check the asset image and nothing changes at all.
@webbae Ай бұрын
Hello, thanks for the feedback. I just ran some tests and didn't come across your problem. Some things... 1. You have to click "save selected" with images selected to save the alt text. 2. You have to refresh the page in designer to see the alt text. 3. Alt text will only show on published page once you've published. Are you still having the issue? If yes, can you please share more information with me in discord or via email? A screen recording perhaps? It would help to know if it's an asset library image or cms image and if it's a cms image what kind (image, multi-image, rich text). Discord: discord.gg/bxP4c8W3
@vivienadrian Ай бұрын
This worked perfectly the first time I did it. For the second one I'm working on the child collection won't filter by the partner collection - any idea on how to resolve this?
@webbae Ай бұрын
hard to troubleshoot without more context. try discord! discord.gg/bxP4c8W3
@SrishtiChaudhary-cp8ft Ай бұрын
if we want to pause the marquee so that user can click and select the image how are we going to do that?
@webbae Ай бұрын
you can set the animation play state to paused with the :hover pseudo selector.
@SrishtiChaudhary-cp8ft Ай бұрын
@@webbae thanks! also this is the most perfect way of creating a marquee that i have come across yet! so simple, so seamless, no weird restarts, no gaps.. just stunning!
@alex_jms Ай бұрын
Could this be used to create a multi-level menu? Example: Tier 1, Tier 2, Tier 3 CMS Pages.
@webbae Ай бұрын
you could probably do something like that but hard to know without more context!
@Nick-ie9xl Ай бұрын
First time viewing how webflow works… lmao just learn to code properly people.
@webbae Ай бұрын
what about bouffum?
@gohancomfejao Ай бұрын
Hey that seems really interesting, can you show us some real-world examples of how this could be used? Thanks!
@webbae Ай бұрын
I have a full course on how to build and use it in Patreon.
@webbae Ай бұрын
www.patreon.com/collection/703037?
@developer-zahid Ай бұрын
Awesome Man 🎉
@heatherliu6856 Ай бұрын
Creating warmth and value out of nothing
@webbae Ай бұрын
Of course, dear!
@heatherliu6856 Ай бұрын
🤯🤯🤯
@webbae Ай бұрын
🤝
@JonSaxton Ай бұрын
My guy
@alyssa_bananas Ай бұрын
Holy moly, mind blown!
@kudz Ай бұрын
Lovely video man! Another property I came across that’s come in clutch is display:contents which has a similar effect to sub grid but I use it for flex layouts 👌
@webbae Ай бұрын
I saw Wes do a post on this. Will have to explore! 🧐 thanks for sharing.
@kudz Ай бұрын
@@webbae you watch Wes Bos too!😆 Him and Kevin Powell are carrying my career lol
@webbae Ай бұрын
@@kudz my heroes 🥰
@AndrewE8001 Ай бұрын
Is CSS Subgrid supported by all browsers? This is awesome, thank you for this tutorial!
@webbae Ай бұрын
caniuse says 89%. It's in every major browser except IE, which I don't consider a major browser. caniuse.com/?search=subgrid
@AndrewE8001 Ай бұрын
@@webbae Thank you! Yeah, I don't know anyone who still uses IE. 😄
@thyaditya Ай бұрын
Huge thanks to you, dude. This was one of the problems I was facing recently, and there was no better solution online. Respect, man.
@webbae Ай бұрын
Great to hear!
@webbae Ай бұрын
no more mucking around with min-height and flex row weirdness!
@thyaditya Ай бұрын
Yeah
@GaurangWorkshore Ай бұрын
Awesome! I've been using your boilerplate for months and it's been a game-changer. Can you add Webflow app UI components as well? It would save a lot of time not having to create them from scratch. Thanks!
@webbae Ай бұрын
Yea for sure.
@knagode Ай бұрын
Can such a modal be reused? I want to have multiple links, each link should open different video within the modal.
@webbae Ай бұрын
you could load diff videos in the same modal with JS based on which button is clicked but you could also just create a modal for each one and link the interaction to the class - that's probably what I'd do!
@knagode Ай бұрын
Is it possible to copy/paste this into my project or I have to redo what you have done?
@webbae Ай бұрын
copy/paste should work from the cloneable. let me know if it doesn't work for you.
@knagode Ай бұрын
@@webbae I can copy/paste HTML nodes within same project but I was not able to copy form one project to another. Therefore I had to manually recreate everything. It would be so cool if I could simply copy/paste what you built ;). Maybe I also do not kno what "cloneable" is ;)