I'm new to both Breakdance and Figma. I know a lot of people use Figma for prototyping, but honestly if you're building a WordPress website, I don't see why you wouldn't just go for it in Breakdance. I honestly find Breakdance easier to use than Figma, and you can get a fully working prototype at the end. In fact, I've been building it local with Breakdance instead of using Figma. I'll probably do a rolling screenshot to send to the client (maybe share that with Figma), and then just migrate the site once I get the okay on the design (prevents them from having to pay for hosting during the early stages).
Thanks for the great efford! I've been working with BD on 4-5 projects and love it so far! I've created a SCSS with utility classes in WP CodeBox to be able to work with grid quick but also to enhance the workflow. Your bonustip on the end was gold for me, didnt know for the refresh button! Thanks Cracka!
This was the best tutorial I have seen on Breakdance (that includes the official BD videos). I am still on the hunt to learn how to make a form that has the fields in 2 columns (hint hint). There is a setting for columns, but it wants to stuff all the fields into the left column and the submit button into the right. Not exactly what I am wanting to do. Keep up the great work!
Thanks. It's currently not possible to do that natively, but you can use custom CSS in the Advanced tab of the form: %%SELECTOR%% form{ grid-template-columns: repeat(2, 1fr) } %%SELECTOR%% .breakdance-form-field { grid-column: span 1; } on mobile breakpoint: %%SELECTOR%% form{ grid-template-columns: repeat(1, 1fr) }
Im trying to decide between breakdance and Oxygen as a site builder? as they are from the same company what would you recommend for general service business type websites?
For a general service based website I’d recommend breakdance because of how easy it is to set up a decent mega menu. It’s also better in Woocommerce out of the box. If you need to do some more custom complex builds, then Oxygen might be a better option.
@@DesignwithCracka Are there any particular limitations Breakdance has? I'm kind of new to WordPress in general, though I have built websites before and know how to code. So far, it seems really good and comprehensive, so I'm curious
@@cc_snipergirl Breakdance doesn't have a class first workflow, it has a preset based workflow. That doesn't mean you can't use classes, it just takes a few more clicks to get things done with classes. Other limitation may be lack of a few features that are currently in the works, I wouldn't really call those limitations since they're making their way to the Breakdance sooner or later.
If you click the settings wheel on the video and go to playback speed, you can slow it down or speed it up. I watch most videos at 1.5x speed because it saves time, or if it's a video for school where they're talking slow, it keeps me from nodding off. Should work for anyone talking too fast too :)
Get Breakdance Website Builder For WordPress
breakdance.com/ref/50/
Very well constructed video
Really,really good! So much value so condensed. No pretending. Just pure value.thanks!! PS. i so much enjoy every time you say "Dextop" 😊
Great video. These are some awesome tips and tricks I was unaware of. Breakdance has really offered a lot of features
This kind of video of Breakdance is really helpful Cracka.
Love Breakdance, about to switch from Elementor.
Great tips and very helpful. Thanks
I'm new to both Breakdance and Figma. I know a lot of people use Figma for prototyping, but honestly if you're building a WordPress website, I don't see why you wouldn't just go for it in Breakdance. I honestly find Breakdance easier to use than Figma, and you can get a fully working prototype at the end.
In fact, I've been building it local with Breakdance instead of using Figma. I'll probably do a rolling screenshot to send to the client (maybe share that with Figma), and then just migrate the site once I get the okay on the design (prevents them from having to pay for hosting during the early stages).
Thanks for the great efford! I've been working with BD on 4-5 projects and love it so far! I've created a SCSS with utility classes in WP CodeBox to be able to work with grid quick but also to enhance the workflow. Your bonustip on the end was gold for me, didnt know for the refresh button! Thanks Cracka!
Very instructive, i learnt some tricks i didn't knew👍
Thanks for the video
Great video, great tips - thanks!
Brilliant thank you!!
This was the best tutorial I have seen on Breakdance (that includes the official BD videos). I am still on the hunt to learn how to make a form that has the fields in 2 columns (hint hint). There is a setting for columns, but it wants to stuff all the fields into the left column and the submit button into the right. Not exactly what I am wanting to do.
Keep up the great work!
Thanks. It's currently not possible to do that natively, but you can use custom CSS in the Advanced tab of the form:
%%SELECTOR%% form{
grid-template-columns: repeat(2, 1fr)
}
%%SELECTOR%% .breakdance-form-field {
grid-column: span 1;
}
on mobile breakpoint:
%%SELECTOR%% form{
grid-template-columns: repeat(1, 1fr)
}
@@DesignwithCracka thanks for saving me hours looking for this. I had not thought about doing it with CSS.
Thanks
Thank you! Much appreciated!
thanks - great tips!
Really helpful.
Hello, do you have tutorial for Boxed layout in breakdance?
Not at the moment…
Hi is there any way in breakdance to change the color of text in a div on hover without css, i cant manage to achive it
Helow, somewhere knos, how to create a flip box in breakdance ??
Whats the best host for 10+ websites using breakdance?
Im trying to decide between breakdance and Oxygen as a site builder? as they are from the same company what would you recommend for general service business type websites?
For a general service based website I’d recommend breakdance because of how easy it is to set up a decent mega menu. It’s also better in Woocommerce out of the box. If you need to do some more custom complex builds, then Oxygen might be a better option.
@@DesignwithCracka Are there any particular limitations Breakdance has? I'm kind of new to WordPress in general, though I have built websites before and know how to code. So far, it seems really good and comprehensive, so I'm curious
@@cc_snipergirl Breakdance doesn't have a class first workflow, it has a preset based workflow. That doesn't mean you can't use classes, it just takes a few more clicks to get things done with classes. Other limitation may be lack of a few features that are currently in the works, I wouldn't really call those limitations since they're making their way to the Breakdance sooner or later.
SLOOOOOW down!!!! take a breath~ geeeeez
It's perfect. Who wants to sit on YT for hours?
If you click the settings wheel on the video and go to playback speed, you can slow it down or speed it up. I watch most videos at 1.5x speed because it saves time, or if it's a video for school where they're talking slow, it keeps me from nodding off. Should work for anyone talking too fast too :)