- 111
- 114 327
OB Studios
United States
Приєднався 29 бер 2022
Using WordPress, you can create anything and everything
Moreblocks V2.7 - Variable Live Preview Is Here
New Update: Moreblocks V2.7
This update comes a host of new features, Variable Preview Mechanism, Smart Sorting etc
Resources
Extension Link: moreblocks.com/extension/
Additional Resources:
Get Breakdance: breakdance.com/ref/27/
Moreblocks: moreblocks.com/
Facebook Group: groups/moreblocks
Screen Recorder: linke.to/ssrec
Clamp Extension: linke.to/moreblocksutilities
Browser: arc.net/
Element Hive: elementshive.com/#pricing
Remember to like, subscribe, and click the notification bell to get updates on our latest content. Have questions or want to see more on a specific topic? Leave a comment below!
This update comes a host of new features, Variable Preview Mechanism, Smart Sorting etc
Resources
Extension Link: moreblocks.com/extension/
Additional Resources:
Get Breakdance: breakdance.com/ref/27/
Moreblocks: moreblocks.com/
Facebook Group: groups/moreblocks
Screen Recorder: linke.to/ssrec
Clamp Extension: linke.to/moreblocksutilities
Browser: arc.net/
Element Hive: elementshive.com/#pricing
Remember to like, subscribe, and click the notification bell to get updates on our latest content. Have questions or want to see more on a specific topic? Leave a comment below!
Переглядів: 180
Відео
Using Moreblocks Variables with Breakdance
Переглядів 103Місяць тому
In this real-world scenario, I'll demonstrate how to create a hero section from scratch to completion using Moreblocks CSS Variable Manager. Resources V2.5 Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: linke.to/moreb...
Moreblocks V2.5.2 - Grid Layouts & Variable Indicator...
Переглядів 101Місяць тому
New Update: Moreblocks V2.5.2 This update comes a host of new features, Grid Layout Variables, Enhanced CSS Root Template, Used Variable Indicator, Clear All Variable Indicator, etc... Resources Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.t...
Moreblocks V2.0 and V2.5 Launch Preview
Переглядів 351Місяць тому
Introducing Moreblocks V2.5! This video will guide you through the updated interface of our extension, showcase the enhanced preview feature, and demonstrate the integrated CSS variable manager within the Chrome extension. Resources V2.5 Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: facebook.com...
Moreblocks V2 - Preview | Full Walkthrough & Tutorial
Переглядів 4183 місяці тому
In this video, I walk you through the Moreblocks Components Library Chrome Extension, a powerful tool that allows Breakdance Users to seamlessly display and access component and UI components directly on their web pages. Follow along to see how the extension works and how you can integrate it into your own projects! 0:00 - Introduction - Overview of the Moreblocks Components Library and what to...
Build an AI Site Using Breakdance
Переглядів 3865 місяців тому
Build a modern AI style hero section using Breakdance Builder. Add a BD effects using ElementHive: A Breakdance Addon. Video Timeline: 0:00 - Introduction 00:57 - Initial Section Build 01:38 - Building Gradient Background 03:20 - Building Hero Copy 09:46 - Add Floating Objects 12:19 - Adding The Badge 13:54 - Add the Hero Picture 16:58 - Adding the Star 18:05 - Add the Pulsing Play Button 21:26...
Steal My Top 5 Hero Text Style
Переглядів 1555 місяців тому
Steal my top 5 Hero Text Style. Video Timeline: 0:00 - Introduction 01:15 - Original Style 01:50 - Style 1 02:24 - Style 2 03:47 - Style 3 05:03 - Style 4 06:56 - Style 5 07:57 - Conclusion / Please Subscribe Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: lin...
Cwicly is BACK and FREE! | The Ultimate WordPress Builder Returns!
Переглядів 1,2 тис.5 місяців тому
Cwicly seems to be back online and it is free. cwicly.com/ discourse.cwicly.com/t/1-4-1-7/5800 Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: linke.to/moreblocksutilities Browser: arc.net/ Element Hive: elementshive.com/#pricing Remember to like, subscribe, a...
Interactive Video Player in Breakdance Builder
Переглядів 3695 місяців тому
Adding a video in WordPress should be an exciting and creative process. In this tutorial, I demonstrate how to craft a custom video player with the help of Breakdance Builder and ElementHive. Video Timeline: 0:00 - Introduction 00:31 - Creating The Tiles in Figma 04:58 - Laying out the structure 09:25 -Adding Spotlight Effect 11:47 - Conclusion / Please Subscribe Additional Resources: Get Break...
Build a Spotlight Tiles Effect in Breakdance using Element Hive
Переглядів 4515 місяців тому
A dull background might be what's stifling your website's design, but introducing a background spotlight effect can truly revolutionize it. Implementing this feature can draw attention to specific areas, making the interface more dynamic and engaging. Video Timeline: 0:00 - Introduction 00:31 - Creating The Tiles in Figma 04:58 - Laying out the structure 09:25 -Adding Spotlight Effect 11:47 - C...
Interactive Dropdown in Breakdance
Переглядів 4945 місяців тому
Build a custom no-code dropdown using Breakdance Builder Video Timeline: 0:00 - Introduction 01:24 - Building the Layout 03:26 - Building the Dropdown 08:52 - Fixing Dropdown Width 12:45 - Adding Hover Animation to Dropdown 13:54 - Add Links to Dropdown Items 14:58 - Please Subscribe Custom Code Used %%SELECTOR%% .breakdance-meu-link { width: 270px; left: -233px; border-radius: 10px; } Addition...
Build This Modern Hero Section with Breakdance Builder
Переглядів 8325 місяців тому
Let's build a modern hero section with Breakdance Builder. Video Timeline: 0:00 - Introduction 01:18 - Styling The Pulsing Dot 04:23 - Gradient Hero Text 09:23 - Gradient Video Section / Content Reveal 16:36 - Removing Content Reveal Button 18:52 - Responsive Mode 19:53 - Please Subscribe Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: fa...
Elementor vs Breakdance: The Battle for the Ultimate Page Builder
Переглядів 9075 місяців тому
In this video, I compare two of my favorite tools in the WordPress ecosystem: Elementor and the Breakdance builder. Each has its unique features and performs well in creating WordPress-based websites. Video Timeline: 0:00 - Introduction 2:14 - Ease of Use (Interfaces) 11:49 - Global Styling 37: 44 - Customization 57:04 - Performance & Code 1:08:27 - Unique Features 01:14:24 - Compatibility & Pl...
Everything About Droip Form Builder
Переглядів 1646 місяців тому
In this video I will take you through all the elements available to you when using the form element found in Droip Builder. From basic element like text into to advanced elements like file upload and reCAPTCHA elements. Chapters 00:00 - Introduction 00:20 - Form Data Overview 03:25 - Form Elements Overview 04:50 - Building The Form 06:48 - Styling Input Fields 09:09 - Input Field Sub Options 10...
Responsive Grids with CSS Auto-Fit in Breakdance
Переглядів 2686 місяців тому
Learn how to create responsive grids effortlessly using CSS Grid's Auto-Fit property! In this tutorial, I'll guide you through the magic of Auto-Fit, showing you step-by-step how to implement it in your Breakdance Builder projects. Grid Template: auto / repeat(auto-fit, minmax(300px, 1fr)); Video Timeline: 0:00 - Introduction 0:40 - Grid Setup 1:59 - Auto-Fit Explanation 4: 45 - Auto-Fit VS Nor...
Mastering Overlapping Grids with Breakdance
Переглядів 8576 місяців тому
Mastering Overlapping Grids with Breakdance
Breakdance v2 - Mastering The New Layout Engine
Переглядів 1,7 тис.6 місяців тому
Breakdance v2 - Mastering The New Layout Engine
How to Build an Off-Canvas Menu Using Droip Builder
Переглядів 3107 місяців тому
How to Build an Off-Canvas Menu Using Droip Builder
Explore Diverse Background Possibilities with Droip
Переглядів 1748 місяців тому
Explore Diverse Background Possibilities with Droip
Exploring Droip: The Next Revolution in No-Code WordPress Building
Переглядів 2,7 тис.9 місяців тому
Exploring Droip: The Next Revolution in No-Code WordPress Building
RIP Cwicly: Cwicly Builder Shuts Down Amidst Relentless Attacks and Abuse
Переглядів 8349 місяців тому
RIP Cwicly: Cwicly Builder Shuts Down Amidst Relentless Attacks and Abuse
Glowy Border Effect Using Element Hive
Переглядів 2239 місяців тому
Glowy Border Effect Using Element Hive
New Components: Portfolio Cards for Moreblocks (Pro Users)
Переглядів 2749 місяців тому
New Components: Portfolio Cards for Moreblocks (Pro Users)
Architecture Landing Page Crash Course for Breakdance
Переглядів 443Рік тому
Architecture Landing Page Crash Course for Breakdance
Overflowing Text with Scroll Animation using Breakdance
Переглядів 914Рік тому
Overflowing Text with Scroll Animation using Breakdance
Breakdance: Hover Circle Effect with ::after Pseudo Elements
Переглядів 708Рік тому
Breakdance: Hover Circle Effect with ::after Pseudo Elements
No-Code Fancy Card Animation with Breakdance
Переглядів 2,3 тис.Рік тому
No-Code Fancy Card Animation with Breakdance
Great work!
Thank you!!
Thanks this was helpful
Glad it helped.
no cybermonday/blackfriday discount codes for moreblocks?
Not at the moment.
AweSome !!! 💥💫
Thanks ✌️
There is a way to do this that is 10x better. Use the desktop version of the menu builder instead Set the width of the containers to 100% The text in the button for the menu dropdown has text and a animated chevron arrow on the right. They are set to "space-between", so all you have to do is set the width of all the containers with css, and the text aligns automatically to the left, and the chevron arrow aligns to the right.
I will checkout your way too and see.
do you know how to do it in wordpress?
That was using Wordpress
As breakdance user, there are great improvement in performance in breakdance than elementor. I still use elementor, but some bug like search feature can't show search icon and i can't resize width and height of search field and no option fullscreen. That breakdance has these make me move for flexibility like problem in resize search in elementor.
I do think breakdance is very flexible.
Congratulations!
Thank you!
Why not recording the whole screen? Can't really read the tiny text... even with FullHD enabled.
This is good stuff. With the shortcuts for clamp how are you able to specify min and max viewport? Perhaps you would benefit from a default value as 1920 is too high for most use cases. If I want to change the min / max I would need to use the calculator?
If you set min and max width on the cal for width I will automatically pick those. But if unset it will use the default sizes.
\ - Back slash / - Forward slash You keep saying back slash (\) when you input a forward slash (/)
Sup bro, any way to contact you?
Email me here. obuobistudios (at) gmail.com
thanks!
Fahey Neck
Prince Street
What’s the point of creating a layout in Figma, when you have to start all over again in breakdance, or any other web builder ? 🤷♂️
I think for large web dev the best way is to organize yourself before you start building. So figma is a great place to organize yourself
Great stuff! When will this be available? And why no Firefox extension?
Those are part of a future plan.
Sawayn Groves
Cora Ranch
Heber Crest
is it a problem if I have more than one of these buttons on the same page? Because it will reuse the ID
Yes it can become a problem.
Thank you so much for this great tutorial
You are so welcome!
You are really good with breakdance mate
Thanks!!
Is there a way to prevent there being only one item on the bottom row without needing to explicitly adjust it? I know you can force the number of items in a row to change, but I'd like it to do it automatically in case I need to add/remove some and don't want to change the grid every time. It'd also be nice to recycle this as a preset.
Nice bro
Thanks
The thing is, no matter what the intentions are for the future of Cwicly, if you download and use it now, and it doesn't receive any further changes, it will still be 1 to 2 years before any other site builder will be able to touch it! Cwicly was the only tool in the WP system that I was truly excited to start working with, so I sincerely hope they see a path forward.
Hi, very good explanation of how to use flexbox. Thank you
Thank you. 🙏🏿 much appreciated!!
@@obstudioYT After watching your course I though I would have a go using Flexbox to create a layout for Magazine style website but it is not quite working out for me, do you think it could be done? I use columns for my Magazine style design but of course the structure is a bit more rigid, I think it would be great if I could use Flexbox
Can you add some dynamic on load and scroll style like animations/parallax?
Definitely, I will look into that.
Louis went from being "excited" to have introduced Tailwind ,at the beginning of the month, to telling his customers, who paid hundreds of dollars, that because some "influencers" were "critical" that he was abandoning Cwickly. The message was all out Louis-Alexander. No one was able to point to anyone who bad mouthed Cwickly. On the contrary. Even though they hated Gutenberg, they said that Cwickly was the best Gutenberg builder and recommended it. Any product will have criticism. Bricks, Builder is an example, but I don't see Thomas fleeing because of "criticism." Without criticism, a builder or any product can't improve. The fantasies surrounding Cwickly are jaw dropping. From speculations about whether Louis-Alexander's "life was threatened" - I kid you not , to denial that Cwickly is dead. This latest move doesn't change anything: Cwickly is dead, unless some developer will take it over. After the end of 2024, there will not be any security updates. Anyone who uses Cwickly to develop a customer's website, will be using a product that is not fit for purpose. I can't believe the level of denial or the excuses made for Louis-Alexander's self-centred behaviour. Cwickly is NOT back! It's "free" - which is another kick-in-the-face for those who spent a great deal of money on the promises of Louis-Alexander. His excuse to drop Cwickly is about his immature self who can't deal with any form of criticism - real or imaginary. Not everyone is in love with Tailwind! But, that doesn't mean that Louis-Alexander's inexplicable behaviour should be condoned or forgiven. Cwickly is DEAD!
Once you pull the rug from under someone (in this case your customers) and leave them high and dry then I will never trust that person or business again. This also leaves a bad taste in my mouth and is kind of like a middle finger to all the people that paid for it as well. If you want to use it on personal projects then that's up to you but I wouldn't for client projects that you charge for it's simply not fair on them or right in my opinion.
That makes sense. It will take a lot for people to get back to using it rigorously like before but time will tell.
@@obstudioYT agree, trustworthiness, commitment, credibility, due diligence is necessary for a product that has a huge market and potential in any community. They should have a strong company leader that could oversee the whole company. I can apply to them if they want haha.
One of the weirdest dumb moves I've ever seen. Someone hurt your feelings online? Really? You can't make this 💩 up man. Will never touch this builder again.
Do you have a video on how Qwicly works now days?
No, I haven’t done anything on it for almost 9 months now.
@@obstudioYT seems a great time for a new one OB if you believe in that much man!
The only thing I need is that Cwicly is back and never goes away. Personally I am a loyal user who uses its ecosystem in many projects. I think many WordPress users should value more this kind of projects and understand that behind it there is a huge work. And for people who have not yet used Cwicly, just tell them to give them a chance, it is a project that takes care of even the smallest detail. Just... WeLoveCwicly!
I think if you want to use Cwicly it is absolutely okay. And the product itself is amazing. But people feel like they left hanging which is also absolutely true too. So I hope it stays free and grows as it can.
Good news, but there is a lot of builder nowadays, kinda hard to choose, ill stick with breakdance builder for a while, so far its a great improvements over Elementor.
Yeah. It being free doesn’t change the fact that they left their core customer to fend for themselves. Anyone using it should be cautious.
Must e the contrast or something but I really can’t see what’s going on
Yeah, the contrast is really low after publishing this on UA-cam. I might have to redo this in a future version
@@obstudioYT I’ve really enjoyed your other videos!!
Thanks.
if i may ask what sreen recorder are you using?.nice tutorial I have to look into breakdance.thanks
Checkout the recorder here: linke.to/ssrec
Nice tutorial.
Thanks for watching.
Thank you! Cheers!
Constantly moving is making me DIY. I highly suggest to limit the use of auto zoom feature of screen studio.
Thanks. Will look into that.
Wonderfull benchmark video Elementor vs Breakdance. I really like it. But my question is: How can i build Multilangage website in Breakdance ?😊
Thanks. Yes, I have seen a few great multi language website built with Breakdance.
ELEMENTOR+BREAKDANCE=POWER BRICKS
#TeamBreakdance
Nice man
Thanks!
Why do I not have the 'Grid' option? I can't see 'Grid' in my 'Add' section... 🤔
Hey this is in the beta version.
This is advance course really. Like Oliver twist, we need more of this.
Moreeeeee pleasee ❤❤❤
I need more content !!!
what application is on the left of the main breakdance builder?
make these videos for bricks builder bro...
I've learned so many tricks from your video. Thank you so much for sharing!
You’re welcome.
V informative.The quick app changer on the left is it an app ?
No it’s not.
May I ask what it is how it works ?
Thanks for this, I never hear Droip but will try them out for my next project. Cheers
Get your hands dirty with it.