Bricksforge
Bricksforge
  • 23
  • 91 085
Introducing Bricksforge 3.0
Bricksforge 3.0 has been released! In this video, we want to show you some highlights of this version.
--------
Get Bricksforge: bricksforge.io/
Changelog: bricksforge.io/version-changelog/
Roadmap: bricksforge.io/roadmap/
Documentation: bricksforge.io/documentation/
Forum: forum.bricksforge.io/
มุมมอง: 3 281

วีดีโอ

Node Editor - Bricksforge 3.0
มุมมอง 3.6K28 วันที่ผ่านมา
The Node Editor, introduced in Bricksforge 3.0, empowers you to create dynamic, interactive actions visually without writing a single line of code. 00:00 Introduction 00:30 Event Nodes 00:49 Action Nodes 01:10 Condition Nodes 01:30 Connecting Nodes 02:03 Execution Pins 02:33 Input Pins 02:55 Output Pins 03:15 Data Type Compatibility 04:05 Special Nodes 04:30 Practical Example Get Bricksforge: b...
HOW TO [10] Setup a Tour Guide with Bricksforge
มุมมอง 2K10 หลายเดือนก่อน
Bricksforge 2.1.7 has been released. In this video, you'll learn how to configure the new element "Tour Guide". 00:00 Introduction 00:08 Activate "Tour Guide" 00:27 Basic Setup 00:45 Styling 01:00 Create First Step 02:24 Create more Steps 02:45 Preview the result 03:25 Additional Settings 03:36 Trigger Once 03:55 Click Trigger Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-c...
Bricksforge 2.0.0 - Page Transitions with Pjax, Nestable Pro Forms and more!
มุมมอง 5Kปีที่แล้ว
Bricksforge 2.0.0 has been released! In this video, we want to show you some highlights of this version. Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
HOW TO [09] Create Mouse Movement Effects using the Bricksforge Panel.
มุมมอง 2.6Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
HOW TO [08] Build a custom data picker and send selected data to a form using URL Params
มุมมอง 2.3Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. 00:00 Introduction 00:12 Create Post Type and Repeater Field 00:35 Element Structure 01:50 Select Item Logic 02:30 Submit Data Logic 03:35 Setup Pro Forms 04:15 Conclusion 04:30 Bricksmotion Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadm...
Bricksforge AI, 3D Models, WooCommerce (Email Designer), Webhooks and more! Bricksforge 0.9.9 🚀
มุมมอง 3.2Kปีที่แล้ว
In this version many new things have been added! For a full overview, check out the changelog! :) Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
[Bricksforge Insights #1] Live Update Selector
มุมมอง 1.8Kปีที่แล้ว
In this new video series "Insights" I will introduce you to different features of Bricksforge, some of which can go a little deeper.
HOW TO [07] Create an Interactive Mouse Cursor with Bricksforge!
มุมมอง 2.5Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. 00:00 Introduction 00:12 Setup Cursor Element 01:30 Create Event Listeners Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
Email Designer, New GSAP Triggers, Turnstile Integration and much more! - Bricksforge 0.9.8
มุมมอง 3.2Kปีที่แล้ว
00:00 Introduction 00:07 Email Designer 01:32 New GSAP Triggers 02:00 Cloudflare Turnstile 02:13 Event Template Variables 02:36 Changelog & Documentation Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/ This version includes many great features! Here's a brief ...
HOW TO [06] Use Pro Forms to create an Ingredient Calculator
มุมมอง 2.2Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. 00:00 Introduction 00:45 Pro Forms Setup 02:50 Calculation with Dynamic Data Tag Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
HOW TO [05] Create Layout Transitions with Bricksforge using GSAP FLIP
มุมมอง 2.7Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. 00:00 Introduction 00:10 Preparations 00:58 Creating Event Instances 03:12 Additional Layouts 05:30 Save user choice Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
HOW TO [04] Create an Idea Board using Bricks & Bricksforge (Pro Forms)
มุมมอง 3.8Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. 0:00 Introduction 00:09 Create Post Type "Ideas" 00:25 Create Custom Fields 00:45 Create Taxonomy "Status" 01:09 Insert Initial Data 02:10 Create the Like Button 03:10 Setup Dynamic Data 04:20 Create Increment Logic 05:35 Create A New Idea Form 07:12 Limit Likes Per User Get Bricksforge: bricksfor...
Animation Controls, Form Submissions, Bricks Slider Events and much more! - Bricksforge 0.9.7
มุมมอง 3.6Kปีที่แล้ว
Bricksforge version 0.9.7 comes with many cool new features! In this video I want to show you a few of them in more detail. 00:00 Video Preview 00:40 Animation Controls 02:07 Form Submissions 05:25 Pro Forms Overview 05:45 Pro Forms - Calculation Field 06:50 New Dynamic Data Tag 08:42 Bricks Slider Events Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bri...
HOW TO [03] Slide In a Secondary Header On Scroll Position with Bricksforge
มุมมอง 3.3Kปีที่แล้ว
In this playlist we upload short video tutorials on how to solve different tasks with Bricksforge. Get Bricksforge: bricksforge.io/ Changelog: bricksforge.io/version-changelog/ Roadmap: bricksforge.io/roadmap/ Documentation: bricksforge.io/documentation/ Forum: forum.bricksforge.io/
Pro Forms, Scroll Video, Focus Mode, Custom Login URL and more! - Bricksforge 0.9.6
มุมมอง 8Kปีที่แล้ว
Pro Forms, Scroll Video, Focus Mode, Custom Login URL and more! - Bricksforge 0.9.6
Bricksforge Terminal, Backend Designer, Global Classes Variable Detection - Bricksforge 0.9.5
มุมมอง 4.7K2 ปีที่แล้ว
Bricksforge Terminal, Backend Designer, Global Classes Variable Detection - Bricksforge 0.9.5
HOW TO [02] create stunning animations for your Bricks Popups with Bricksforge?
มุมมอง 3.8K2 ปีที่แล้ว
HOW TO [02] create stunning animations for your Bricks Popups with Bricksforge?
Bricksforge 0.9.4: GSAP Staggers, SplitText, Scroll Smoother, Flip and more!
มุมมอง 3.9K2 ปีที่แล้ว
Bricksforge 0.9.4: GSAP Staggers, SplitText, Scroll Smoother, Flip and more!
HOW TO [01] Create a Mobile Menu using the Bricksforge Panel!
มุมมอง 6K2 ปีที่แล้ว
HOW TO [01] Create a Mobile Menu using the Bricksforge Panel!
Global Animations - Create Powerful GSAP Timelines with the Bricksforge Panel (Bricksforge 0.9.3)
มุมมอง 6K2 ปีที่แล้ว
Global Animations - Create Powerful GSAP Timelines with the Bricksforge Panel (Bricksforge 0.9.3)
Bricksforge has been released!
มุมมอง 13K2 ปีที่แล้ว
Bricksforge has been released!

ความคิดเห็น

  • @RoscoeHouston
    @RoscoeHouston 46 นาทีที่ผ่านมา

    Whooohoooo!! Great work guys!!

  • @tamas._.8698
    @tamas._.8698 15 ชั่วโมงที่ผ่านมา

    wow looks great

  • @estate0007
    @estate0007 16 ชั่วโมงที่ผ่านมา

    Inspired by Unreal Engine's Blueprint Editor? This is EPIC!

  • @wesleyvanwyk4084
    @wesleyvanwyk4084 18 ชั่วโมงที่ผ่านมา

    I actually cant wait to see this in action

  • @jonas472
    @jonas472 20 ชั่วโมงที่ผ่านมา

    Okay I watched the whole video but still don't know what Bricksforge in general is

  • @LupusDesign
    @LupusDesign วันที่ผ่านมา

  • @werkmind
    @werkmind วันที่ผ่านมา

    Man, i'm 16 seconds in and already blown away. a node editor for visual scripting complex things? hell yeah! You are AWESOME

  • @runesolberg_deler
    @runesolberg_deler วันที่ผ่านมา

    Exciting!!

  • @Sebastian.Dembinski
    @Sebastian.Dembinski วันที่ผ่านมา

    So stunning! 🎉 I'm looking forward to discovering the new features and making more tutorials about them!

  • @BGdev305
    @BGdev305 วันที่ผ่านมา

    Truly excited! But.. One of the MOST powerful, exclusive and innovative plugins ever.. and you don't showcase the features? C'mon devs we need vids / tutorials, for goodness sake you guys pulled of a node based editor!! WOW!

  • @EkhyOk
    @EkhyOk วันที่ผ่านมา

    Did you change the way all interactions were displayed? Because I have a site with many pages and on each one I had a couple of interactions. The problem is that on all the pages where I opened Bricksforge, I get the list of ALL the interactions from other pages. It gets very complicated this way. Isn't it better that each interaction created appears only on the page where it was created?

  • @fennek5351
    @fennek5351 วันที่ผ่านมา

    Awesome job!

  • @adamu6941
    @adamu6941 วันที่ผ่านมา

    keep up the good job like this !

  • @Soluna_y2k
    @Soluna_y2k วันที่ผ่านมา

    I absolutely love this update! Huge fan of node based editors in general!

  • @tobisalami
    @tobisalami วันที่ผ่านมา

    Good stuff! Welldone!

  • @mimam-hebron
    @mimam-hebron วันที่ผ่านมา

    Interesting, though the animations part isn't stable sometimes.

  • @vanmarciano
    @vanmarciano วันที่ผ่านมา

    Amazing stuff, keep up the awesome work. Can't wait to explore these and to create new tutorials!

  • @bob-p7x6j
    @bob-p7x6j วันที่ผ่านมา

    Trying not to be negative but the reality is a two minute video highlighting with music doesn't really help much. A thorough run through of practical applications of the software would be much more helpful. If you want the software to be utilized by more than developers, lengthy, hands on, practical, get things done videos would be the way to go, and would expand the user base IMHO!

    • @kvndev
      @kvndev วันที่ผ่านมา

      Yep, I would also love to see some real use cases. I know "your creativity is the limit" but thats problem, some arent creative. Since I bought BF I have never used it on any project, just on local dev sites. I remember when I tried to create a multi step form, it was so hard I had to go through the forum, the docs and facebook posts just to get an idea of how this works, so I went with WSForm instead. Same with the animations, pretty sure you can do some amazing stuff, but HOW? And when/where to use it? I'm sure its an amazing plugin, but we need more practical examples/use cases.

    • @BmxAddict08
      @BmxAddict08 วันที่ผ่านมา

      relax its introduction i think will be later some sort tutorial.

    • @sevenelven
      @sevenelven วันที่ผ่านมา

      There's BricksForge Academy where tutorials will be/have been published.

  • @plbrrws2
    @plbrrws2 10 วันที่ผ่านมา

    thanks for the overview - would be great to see more specific examples of how to use this so that we get to know it's capabilities

  • @seanwashere
    @seanwashere 18 วันที่ผ่านมา

    Looks awesome!! What an upgrade!

  • @kamelberlime3532
    @kamelberlime3532 23 วันที่ผ่านมา

    This is amazing! Hope we can have some tutorials to create basic timelines like fades, staggered, etc🎉

  • @eisagholi
    @eisagholi 28 วันที่ผ่านมา

    I tried clicking "like" multiple times but only got one. Great stuff, keep it up!

  • @LytboxStudio
    @LytboxStudio 28 วันที่ผ่านมา

    All I can think about while watching this is thank God I bought the LTD! I know what I'm geeking out on next

    • @bricksforge
      @bricksforge 28 วันที่ผ่านมา

      Oh, thanks Jeffrey! :) If you have any questions while exploring, just get in touch :)

  • @Simon-sly
    @Simon-sly 28 วันที่ผ่านมา

    Fantastic tool, thank you. More practical examples please! They really help me to learn how and realise more ways to use Bricksforge.

  • @JulianRosebrock
    @JulianRosebrock 29 วันที่ผ่านมา

    Awesome! Is there also a way to organize these nodes on a bigger project where you might have multiple Nodes all flying around?

    • @bricksforge
      @bricksforge 28 วันที่ผ่านมา

      Basically, the canvas offers you more than enough space to organize your nodes. There is also a function planned, similar to Unreal Blueprints, to organize a stack of nodes into a group and add a comment :)

  • @joshuamitchell6204
    @joshuamitchell6204 29 วันที่ผ่านมา

    Wow awesome stuff! Would love to see some more examples to show what else this is capable of!

  • @techiesreviews
    @techiesreviews 29 วันที่ผ่านมา

    Amazing! Love to explore this. Using the Javascript code we could hook up an external API as well right? Only problem would be the publicly viewable key. How would you solve that?

    • @bricksforge
      @bricksforge 29 วันที่ผ่านมา

      Hey Lex! Great to see you here :) You could also call external API's, yes. In that case, personally, I would use the Node Action "Call Ajax Function". This will trigger a custom php function you can define in your code. From there, you can communicate with the external API from your server securely. Nonce checking will be added automatically here as a starter layer of security :)

    • @techiesreviews
      @techiesreviews 29 วันที่ผ่านมา

      @@bricksforge oooow, I see an opportunity! Still need to code to do the call though. I got an experiment in mind :D

  • @the_meaning_of_love
    @the_meaning_of_love 29 วันที่ผ่านมา

    Awesome 🤩 Looks a lot like Nowa's circuit to build flows visuallu in Flutter, good job!! 🙏🏽

  • @BGdev305
    @BGdev305 29 วันที่ผ่านมา

    Can we get a video about all the new Pro Form features.. like the new upload field and live variables?

  • @0xFF-p2u
    @0xFF-p2u 29 วันที่ผ่านมา

    Great job!

  • @BrendanOConnellWP
    @BrendanOConnellWP 29 วันที่ผ่านมา

    Outstanding work as usual. Thanks Daniele & team!

    • @bricksforge
      @bricksforge 29 วันที่ผ่านมา

      Thanks Brendan! :)

  • @BGdev305
    @BGdev305 29 วันที่ผ่านมา

    This is very very impressive! How in the world were you guys able to bring node based editing into WP / Bricks... phenomenal!

  • @maxziebell4013
    @maxziebell4013 29 วันที่ผ่านมา

    Ja, bitte komm jetzt zu Bridge Builders und präsentiere es. Vielleicht sogar auf Deutsch als Kompromiss, und es kann von TH-cam für die englischen Zuhörer übersetzt werden.

    • @Buttholio
      @Buttholio 25 วันที่ผ่านมา

      This would be great to see!

  • @noraholmquist8231
    @noraholmquist8231 29 วันที่ผ่านมา

    Very impressive UI!

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 29 วันที่ผ่านมา

    Thanks for this. Now we can learn and use it better and much clearer with visual coding. Impressive. Also like the example at the end of the video which is a real use case that we can use in many projects. Hope to see more videos of such use cases too in the future.

  • @zuber7358
    @zuber7358 29 วันที่ผ่านมา

    Oh boy, this is a game changer for Bricks!

  • @blacklove3766
    @blacklove3766 29 วันที่ผ่านมา

    Has this been rolled out as yet?

    • @bricksforge
      @bricksforge 29 วันที่ผ่านมา

      It has been released as BETA one week ago. The final release will be later this month :)

  • @rutista
    @rutista 29 วันที่ผ่านมา

    Impressive, it would be great if you could create more videos in order to 100% understand this powerful tool!

  • @daveden2
    @daveden2 29 วันที่ผ่านมา

    Nice! Thank you for this. I now have a better understanding of how the conditions work.

  • @markpeters2254
    @markpeters2254 29 วันที่ผ่านมา

    This is great! How did you set the variable (0 / 1 for the video)?

    • @bricksforge
      @bricksforge 29 วันที่ผ่านมา

      @@markpeters2254 on the fly as third action node „Update Global Variable“. If not exists, this action will declare it 😊

  • @kelwinsj
    @kelwinsj 29 วันที่ผ่านมา

    This for me is a much cleaner way to work. One question though, can we use GSAP with the node editor?

    • @bricksforge
      @bricksforge 29 วันที่ผ่านมา

      @@kelwinsj yes, there are GSAP related actions like „GSAP To“. Also, you can play a specific timeline which you create with the animation panel separately 😊

    • @kelwinsj
      @kelwinsj 29 วันที่ผ่านมา

      @@bricksforge Thank you. This makes it even better. The one thing that I keep running into an issue with is other plugin support with page transitions. This has made me disable it from all but the most basic of my sites. If only there was a way of excluding certain pages, or having some pages re-render will all JS code... wishful thinking.

    • @BGdev305
      @BGdev305 29 วันที่ผ่านมา

      ​@@kelwinsj Take a look at this plugin, it is from a seasoned plugin dev and is in the WP repo, free. At first glance you'll think all it does is organize plugins.. BUT, dont let that fool you. It does a few very unique things! For one, you can PER plugin control when and where EVERY plugin is active on ANY page! There are plugins (js code) from WP and plugins that run on pages that there is no need for! Or maybe you ONLY need a plugin or code to run on a single page or two, ONLY! While normally that plugin is running on all forward facing sites! You can control that easily. But here is where I use this plugin the most.. and in reference to what you said. You can set the "order" in which ALL plugins load there code, per page or whole site! So in essence, you could easily have your page transitions code 'specifically' load before the conflicting js from what you mentioned. Try it out, it's help me many many times not have to juggle js / conflicts / etc. simply by adjusting what plugins load and more importantly when they load. It says it's out dated, but it works just fine as of the latest WP today.

  • @AnchitKawaatra
    @AnchitKawaatra หลายเดือนก่อน

    Having such a huge community, strange that videos are like this, no audio, explanation. Would you like to hire someone to make videos for you?

  • @AnchitKawaatra
    @AnchitKawaatra หลายเดือนก่อน

    What coding and where did you learn your skills to develop this tool?

  • @AnchitKawaatra
    @AnchitKawaatra 2 หลายเดือนก่อน

    So forms and animation? I believe we would need advanced themer with this/

  • @sma_bari
    @sma_bari 2 หลายเดือนก่อน

    next level bro next level

  • @sma_bari
    @sma_bari 2 หลายเดือนก่อน

    Fuck!!!!!!!!!! it's on a whole another level..... why is this so under-rated, wtf how there isn't some full 10 hours of courses on just this plugin in yt..... how the fuck people doesn't know about this diamond

  • @HectorVector85
    @HectorVector85 3 หลายเดือนก่อน

    This is not working. I even try the recommendations on this forum, but doesn't work either. Please do not keep a deprecated tutorial, guys. Eliminate it or update its content.

  • @ZeroPersonal
    @ZeroPersonal 3 หลายเดือนก่อน

    not working the JS code is not working actually

  • @vigilantezack
    @vigilantezack 5 หลายเดือนก่อน

    When I create an event using the slide events, it asks for the Bricks ID of the slider. Because it can only use a unique ID, if I have other pages that use the same slide with same animations, I have to copy the custom event so I can put in the different ID. Can the selector just be a normal class selector like regular timelines use? Why force me to use an ID, which makes it impossible to have global or re-usable sliders? And I already tried setting a custom ID in the Bricks CSS panel to match with my other slides, but Forge won't recognize when I use a custom ID and says no slide is found with that ID. This makes it really hard to simply clone a page and have the same slider on it, because all the animations break due to the selector of ID only.

    • @bricksforge
      @bricksforge 5 หลายเดือนก่อน

      @@vigilantezack The slider ID has nothing to do with selectors. It’s the ID of the splide instance. Once created, it will always be statically saved in the bricksData object. A class or a dom node would make no sense here, as they are not holding the id of the instance.

    • @vigilantezack
      @vigilantezack 5 หลายเดือนก่อน

      @@bricksforge Thanks. This isn't the way Forge presents the field, it does say "Slider ID", not "Splide ID". And the little info bubble says "Slider ID without prefixes". Again, not "Splide ID", but "Slider ID", and why say "without prefixes"? Do Splide IDs have prefixes? It obviously sounds like it's asking for the normal DOM ID of the Slider element. Maybe this could be worded better? But that leaves the same issue. If I have a hero slider on a lot of pages, I can't clone pages or copy the slider because I have to copy and set a new ID on every single instance. I know there could be potential bugs using the same ID on a slider across multiple pages, but it seems like something that makes sense. I want to be able to just copy a slider or copy a page and have that slider work right away without having to fudge around with animations again because they break every time it's copied. That makes it especially hard for end users who want to clone pages and update them. Why can't we set a custom ID and have the bricksData object reset? If that's not possible, then Forge needs a way to link the Splide ID back to the actual Slider element we're using so that it can be copied. If not that, then perhaps allow us to create customized Splide and DOM IDs that are static and belong to that slider no matter where we copy it. Or maybe there is some other way to solve this?

    • @bricksforge
      @bricksforge 5 หลายเดือนก่อน

      @@vigilantezack We have tried to make this easier to understand for beginners. Bricks always creates the splide ID based on the element ID. If the element is #brxe-1234, Bricks creates a splide instance 1234. However, if the ID is changed, Bricks does not change the ID of the splide instance. This is not usually necessary. We also don't want to interfere with the Bricks Logic, as this can have negative side effects. Bricksforge does everything it is supposed to do here. It expects a splide ID to know on which slider instance the action should be executed. How to minimize the effort when migrating pages is outside the Bricksforge scope. CSS classes do not help here.

  • @carlosf3421
    @carlosf3421 5 หลายเดือนก่อน

    Wait what!!!!! I dont have to build in Webflow anymore. This rocks! Thank you Bricksforge! Looking forward to diving in!