Тёмный

Master Scroll Snap with Bricks - Creative Web Design Tutorial 

WPTuts
Подписаться 171 тыс.
Просмотров 3,8 тыс.
50% 1

Опубликовано:

 

22 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@topp342
@topp342 8 месяцев назад
Keep these Bricks tutorials coming Paul 👍
@gurjyotsingh7713
@gurjyotsingh7713 8 месяцев назад
Keep these kind of bricks tutorials coming... ❤
@JoaoPauloDev
@JoaoPauloDev 2 месяца назад
Thank you for the awesome content my friend and don't have any doubt that your was born for teaching, you have the gift!! 👏👏👏👏
@webdocdesign
@webdocdesign 8 месяцев назад
Amazing stuff. Bricks videos 100% everything you can. AS deep as you wanna go. 🎉🎉🎉
@nepobedivititanik
@nepobedivititanik 4 месяца назад
WE WANT MORE OF THIS! ♥
@jhonnatanr
@jhonnatanr 8 месяцев назад
Amazing video!! It’s incredibly helpful! Loving all the bricks tutorials
@estate0007
@estate0007 8 месяцев назад
Please more of those compact Bricks tutorials. Coming from Elementor I just bought Bricks to secure my lifetime deal and now I'm gathering knowledge to realize my first project with that tool.
@WPTuts
@WPTuts 8 месяцев назад
Rest assured, there will absolutely be more of these short videos. :)
@Dougster123
@Dougster123 8 месяцев назад
Nice to see you doing Bricks tutorials 👍 I will be here more often now.
@WPTuts
@WPTuts 8 месяцев назад
Welcome back!
@LH-gb2lh
@LH-gb2lh 8 месяцев назад
Very well explained, learning more things than just snap scroll in a 7.39 minute video!
@stewtech
@stewtech 8 месяцев назад
Love this ❤❤❤ Please do a contact form tutorial and then a multi step form tutorial with Bricks Forge 🔥🔥🔥
@DaveFoy
@DaveFoy 8 месяцев назад
NICE tutorial dude!
@WPTuts
@WPTuts 8 месяцев назад
Cheers Dave :)
@JoeKingstonS
@JoeKingstonS 8 месяцев назад
Fantastic video! I'll certainly incorporate this into my upcoming design. Truly appreciate gaining this knowledge.
@wilsonang1386
@wilsonang1386 8 месяцев назад
Thank you, Paul. More tutorial on Bricks + Core Framework + ACF + Brickmaven please.
@WPTuts
@WPTuts 8 месяцев назад
There are more already in the planning stages - keep an eye out over the next few weeks for new ones. :)
@techiesreviews
@techiesreviews 8 месяцев назад
Great tutorial in showing how to use scroll snap in Bricks. I love using scroll snap in CSS. Especially when showing cards in a carousel on mobile instead of the mainstream stacked boxes. I did use that when recreating feature section victor from getframes. It's so lovevly! Just for your information, using VH is not always the best unit to use. Can work fine on desktop, but works horrible on mobile espacially when you want a section to fully cover the viewport, because if the 'sliding' navbar on mobile (the URL bar keeps sliding in and out when you are scrolling up and down). You can use SVH (small viewport height) for the most beautifull solution or DVH (dynamic viewport height) for making the section adapt. DVH however feels a but buggy because it changes when the url bar comes in and out of view. Kevin Powell has a video about that Use these instead of vh. Keep up these great videos :D
@WPTuts
@WPTuts 8 месяцев назад
I agree, VH isn’t the most reliable, but probably the easiest concept to grasp. 👍
@techiesreviews
@techiesreviews 8 месяцев назад
@@WPTuts couldn't agree more. Just like using em/rem instead of pixels in some places. How would you explain it now that VH is better understood nowadays?
@simonkerridge
@simonkerridge 8 месяцев назад
Another good one, Paul! 👍
@lucianpascu8445
@lucianpascu8445 2 месяца назад
That's fantastic :) You really know how to teach! ;-)
@adamu6941
@adamu6941 Месяц назад
something incredible would be that instead of having a "simple" animation from one page to another we could easily integrate GSAP type page animations from the bricks interface...
@kamelberlime3532
@kamelberlime3532 8 месяцев назад
Just got mine with bricksforge!! Keep up Paul!
@hyltonclementson
@hyltonclementson 8 месяцев назад
Nice one Paul going to see if can recrate this using a different page builder
@karolmot7099
@karolmot7099 8 месяцев назад
I bought this Bricks despite feeling sorry for spending money, and in a way, influenced by emotions. One day, I woke up with a hangover, somewhat alarmed that something bad was happening to Oxygen
@Hassan_Nader
@Hassan_Nader 8 месяцев назад
Hey Paul... Thank you for the magour information you always do in your videos... I was wondering if you planing to made a full tutorials on Bricks about directory & listing sites similar to videos you did before on Elementor... They will be a trusted manual for us who's left Elementor to Bricks recently. 😊
@WPTuts
@WPTuts 8 месяцев назад
There’s a video on building a ‘basic’ listing site on the learnbricksbuilder.com website. But, yes I will be doing a more feature rich masterclass on the topic at some point this year. 👍
@OceanLlamaMedia
@OceanLlamaMedia 7 месяцев назад
Thanks! Do you know if there's a way to have scroll snap applied to just one section instead of the whole site? Also loved you're interviews over the past couple weeks.
@Jim.Hummel
@Jim.Hummel 8 месяцев назад
Love these Bricks mini-tuts! Fantastic little tools to keep in the tool chest and reuse. I love the long content too but these little nibbles are so digestible (can you tell I’m hungry?!?!). Thanks, Paul !!
@WPTuts
@WPTuts 8 месяцев назад
I blame the very tasty looking burger for the hunger pangs Jim.. lol Thanks for the feedback and I agree that some shorter videos covering a very specific function or technique are useful and fun to make. :)
@Jim.Hummel
@Jim.Hummel 8 месяцев назад
@@WPTuts - That burger is tasty looking indeed! Just need a nice pint of ale to go with it!
@deanclarke1705
@deanclarke1705 2 месяца назад
First time I needed to use scroll snap in BB, great video and got the design I require, but how can you adjust the speed of the snap, its a bit too fast for me
@JRGWxRxZ
@JRGWxRxZ 8 месяцев назад
Nice video, as always Paul, i'm a 💯% for this kind of tip and tricks 👍. Bring some 😊
@PatricioAsencio
@PatricioAsencio 8 месяцев назад
Siempre un gusto aprender en tus tutoriales, gracias.
@RichardWadeUK
@RichardWadeUK 8 месяцев назад
Dude... That burger looks epic! Great vid by the way 🤣
@3mounika
@3mounika 8 месяцев назад
Please make a video on LMS (Learning Management System) website.
@schatten105
@schatten105 2 месяца назад
so to get it right, I if I want to have some sort of this snap-sections-"area" somewhere in the page (some normal scrolling content above, below, or both), in the scroll-snap page settings, I would use a different selector (like a class), which all the sections for this desired area should have? But I guess, I then could only have one of this snap-areas on a page, not multiple ones (don't know why I would want to have multiple ones, but just out of curiosity)
@grafitaurus
@grafitaurus 7 месяцев назад
I try, but it moves to the next section only after a long mouse wheel rotation. Was it to short, it returns to the previous section instead.
@andyk132
@andyk132 8 месяцев назад
Hey Paul. Would love to know the best way to build my own auto classified website, ...Bricks plus ACF pro? Please let me know. Thanks
@WPTuts
@WPTuts 8 месяцев назад
Bricks and ACF Pro would be a solid combination and add in something like GridbuilderWP for the filtering aspect. If you need frontend form submissions, there are many ways to achieve that. Look into choosing a good WP form plugin or possibly check out ACF Extended.
@andyk132
@andyk132 8 месяцев назад
Much appreciated. Keep up the good work@@WPTuts
@jacoplane
@jacoplane 8 месяцев назад
Isn't it better to use dvh instead of vh? So that it works better on mobile with variable heights because of the browser chrome disappearing on scroll?
@WPTuts
@WPTuts 8 месяцев назад
To be honest, I think SVH would be even better - but VH is an easier principal for newer users to get to grips with and this video was less about the specifics of the design and more about the scroll snap feature and how easy it is to incorporate into designs. :)
@petrovui
@petrovui 8 месяцев назад
Unfortunately it conflicts with Bricksforge Smooth Scroll (gsap smoothscroller / lenis).
@jhonnatanr
@jhonnatanr 8 месяцев назад
Interesting, probably needs to be reported as a bug to bricksforge?
@WPTuts
@WPTuts 8 месяцев назад
Yeah, give Daniele a shout and report the conflict - I'm sure he'll sort it out. :)
@abdulwaheedorg
@abdulwaheedorg 8 месяцев назад
Create more videos about Bricks Query Loops (not just post typed)
@WPTuts
@WPTuts 8 месяцев назад
What sorts of query loops are you referring to? Provide some examples, and I'll look into them.
@abdulwaheedorg
@abdulwaheedorg 8 месяцев назад
@@WPTuts I mean looping all the available users (authors of any CPT). Or Looping the available categories list.
@JaafarGames-c1y
@JaafarGames-c1y 6 месяцев назад
You spent more time on the design than on the snap scroll.. Usually I get better value from your videos
@francisokech
@francisokech 8 месяцев назад
When will Bricks have its own AI features for text generation, container design and image generation? Bricks is so far behind other builders which already have this feature. Elementor, which is an AI-based builder allow me to create containers simply by stating what I want. For example "Create a 2 column hero section. On the right, let there be an image, on the left, let there be a header text and a paragraph text beneath" and it gives me options and I choose whichever one I want. Bricks doesn't have this.
@WPTuts
@WPTuts 8 месяцев назад
So, basically what you want is AI to do the work for you? Why bother with a builder at all if all you want is the work done for you? 🤦‍♂️
@WPTuts
@WPTuts 8 месяцев назад
Ohh it’s you again. I thought you’d unsubscribed because I wouldn’t only create Elementor tutorials for you. 🤣🤣🤣🤣
@francisokech
@francisokech 8 месяцев назад
@@WPTuts Hi Paul. I didn't unsubscribe from you yet. I unsubscribed from the Bricks Facebook group. OK. It's easier for me if AI generates the initial design and then I tweak it as I wish. Much much easier. Who has time to waste? So, when is Bricks going to have AI image, text and container generators? Are you going to ask the developer at your upcoming live?
@WPTuts
@WPTuts 8 месяцев назад
@@francisokech no, because I think AI in a page builder is unnecessary. If I use AI I would much rather use ChatGPT that allows me to have a conversation that I can revisit and continue at any time in the future. As for using AI for the design, until they start to generate useful quality results, I’d rather use my own design skills than rely on some generic results.
@francisokech
@francisokech 8 месяцев назад
@@WPTuts Hmm... Of course, I am nobody and you are the great WPTuts. However, I'll tell you this: I am an author and I made 5x the income I made in 2022 in 2023, thanks in large part to AI. I think AI page design is here to stay. If you are really being fair, you should do a video comparing AI in Elementor and Bricks. How about that? But you will not. And so, here we are.
Далее
O’zim bilib ketvotudima😅
01:00
Просмотров 947 тыс.
11 Section layouts to make your website ultra UNIQUE
13:42
Easily Improve Your Web Design (With Example)
17:59
Просмотров 94 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 132 тыс.
Reviewing 23 portfolios in 22 minutes!
22:48
Просмотров 16 тыс.
Horizontal Scroll Elementor Pro Tutorial
21:21
Просмотров 113 тыс.
Adobe XD Travel Web Design Parallax Tutorial
31:05
Просмотров 87 тыс.