Nice video, however do you think it's possible to do a similar portfolio website with the same animations but with Bricks Builder ? And if yes a tutorial would be very nice ! Thank you again for the good work, you're helping a lot !
I was able to at least set up a header template in Bricks with the rollover effect, pure css no js. I don't have Motion Page nor Bricksforge but my guess the scroll animations should also be do-able with gsap.
@@deafdogdesign Yes you can do the animation with gsap. The reason for the JS is to automatically change the text of the pseudo element to same text as the menu. Otherwise you'll have to manually change the attribute for each button. That can't be done in CSS.
Brilliant tutorial, --- newbie to using breakdance ..... previously have been using elementor and pro editions to build websites... I thnk It would be great to offer your subscribers the option to purchase the template perhaps... ??
How to hide easy a header and footer per page or post ? in 1 single clicks , i miss that function like Astra theme have , because if i add new page i see a header with menu , but want pure a landingpage? hope you can make a video about that
Brill tutorial and portfolio...i have followed your instructions to the letter and i am having trouble getting the parallax effect working on the parallax warp using the values that you have mentioned in your video..i have created the new section and given it a custom height of 200vh; I have checked the obvious things like values and using the correct vh/vw etc when needed; turning on the scrolling animation; correct values for the vertical position, set the opacity etc but the parallax effect doesn't work for me . (I have got upto the 28min16 secs in the video , double checked, triple checked everything) I am building the page offline via 'wamp' on laptop. (wordpress installation, and php, apache etc is all upto date) Is there anything else missing that I am not doing correctly?? >>> not sure if anyone following this video has this trouble ??
Yes sure...I thank you very much for responding Will send it via your email... Part of the elements such as the 10 image card parallax works OK on mobile but only displays with still images on pc tab mobile responsive view and also on right click through inspection through browser (mobile h+v) / tablet h+v). - I will send more details today within an hour in email. Thank you.
Get Breakdance Website Builder for WordPress
breakdance.com/ref/50/
CODES:
designwithcracka.com/code/modern-portfolio-website-codes/
I'm done with my Wordpress Crash Course using Breakdance and I'm here to create my own portfolio using BD too.
After watching tons of reviews on builders. You convinced me to go for Breakdance.
A great tut - you cover a lot here, and how to setup things to make them efficient !
I really appreciate the smart setup values for all kind of things you applied here. It is extremely practical and widely useful. Ty.
super cool, thank you for taking the time to create this!
Great tutorial and very welcome tips about typography sizes. Thanks!😉
Greetings from Russia! Thank you for the great tutorial! 2-3 more videos like this and I'll become an expert, ready to earn big money! :0)
Love the design :) Not a fan of the font, but nevertheless, it's a fantastic design.
Cracka, like always you blew me away with your tutorial. Great stuff. 👍
Thank you for the excellent tutorial, Cracka!
Really nice modern design, thanks for the afford, showing the workflow to build it.
Fantastic! Your videos are so useful.
I am learning so much from your videos! Your style of tutorial instruction fits and works for me. That's a super-flex! TY!
that was a good UI inspiration man, thanks
Excellent content!
Nice video, however do you think it's possible to do a similar portfolio website with the same animations but with Bricks Builder ? And if yes a tutorial would be very nice ! Thank you again for the good work, you're helping a lot !
Bricks doesn’t have scroll animations, so it will require extra addon like MotionPage or Bricksforge.
Yea I have Bricksforge, so with this one I can recreate this portfolio more or less with the same animations ?
@@stevendemay1483 yes
I was able to at least set up a header template in Bricks with the rollover effect, pure css no js. I don't have Motion Page nor Bricksforge but my guess the scroll animations should also be do-able with gsap.
@@deafdogdesign Yes you can do the animation with gsap.
The reason for the JS is to automatically change the text of the pseudo element to same text as the menu. Otherwise you'll have to manually change the attribute for each button. That can't be done in CSS.
awesome job Cracka, keep it up
Really great video, man! You really know your stuff :) I learned a lot of awesome techniques! Keep it up 😀
Awesome !! Love it 😍😍😍
Brilliant tutorial, --- newbie to using breakdance ..... previously have been using elementor and pro editions to build websites... I thnk It would be great to offer your subscribers the option to purchase the template perhaps... ??
Exactly what im looking for, but for Bricks. I hope i can replicate this. Tkanki You!❤
The layout, yes, but the scroll animations isn’t available in Bricks, but you can use MotionPage or Bricksforge
Great design
amazing
Hello. Please provide the images used on this site. I want to try to repeat all the actions after you.
How to hide easy a header and footer per page or post ? in 1 single clicks , i miss that function like Astra theme have , because if i add new page i see a header with menu , but want pure a landingpage? hope you can make a video about that
Thanks
Thank you! Appreciated!
Beautiful! Curious if you seek this layout so we could purcha$e? Is Breakdance your fav 2023 WP page builder?
I'll probably work on the template you can purchase, later. I really don't have favorites, Breakdance is one of the Builders I like very much.
Could you do the same in Bricks please? 😍
To do this in Bricks will require additional plugins like MotionPage or Bricksforge.
@@DesignwithCracka Yeah I own motion page :)
Just following your tutorial. May I know what is the size of image for hero section?
Bruh.. you got a new subscriber.
Thank you!
@@DesignwithCrackahow i can contact you
@@brto udoroessien@gmail.com
I think more difficult for elementor users , because to much css need to add.
Can I ask where did you find that laptop mockup with bottom-up angle?
I didn't do the mockup, just got the image.
Brill tutorial and portfolio...i have followed your instructions to the letter and i am having trouble getting the parallax effect working on the parallax warp using the values that you have mentioned in your video..i have created the new section and given it a custom height of 200vh; I have checked the obvious things like values and using the correct vh/vw etc when needed; turning on the scrolling animation; correct values for the vertical position, set the opacity etc but the parallax effect doesn't work for me . (I have got upto the 28min16 secs in the video , double checked, triple checked everything) I am building the page offline via 'wamp' on laptop. (wordpress installation, and php, apache etc is all upto date) Is there anything else missing that I am not doing correctly?? >>> not sure if anyone following this video has this trouble ??
Hi, I’m not quite sure what the issue could be… is it possible to get a link to check it out?
Yes sure...I thank you very much for responding Will send it via your email... Part of the elements such as the 10 image card parallax works OK on mobile but only displays with still images on pc tab mobile responsive view and also on right click through inspection through browser (mobile h+v) / tablet h+v). - I will send more details today within an hour in email. Thank you.