Bubble Responsive Design Crash Course

Поділитися
Вставка
  • Опубліковано 25 жов 2024

КОМЕНТАРІ • 202

  • @pranavshirole1
    @pranavshirole1 Рік тому +28

    You're not just the best Bubble teacher, but the best teacher I have encountered. Thank you so much for your time!

  • @wighatsuperreggie
    @wighatsuperreggie 10 місяців тому +1

    This is how a tutorial should be done. Someone needs to invent a medal for you.

  • @phygitalplatform
    @phygitalplatform Рік тому +5

    Bro you are the most undervalued tutor on youtube and I hope that you will get what you deserve soon! I watch your videos with my both youtube channels account to support you! Thank you for your time and efforts man sincerly I do!

  • @nikschimmel
    @nikschimmel 2 роки тому +14

    This is a really great introduction into the responsive engine. Not only explaining the core concepts, but also showing the different settings and behaviours on easy examples + giving real world examples. It makes understanding everything far better and transferable to own projects. WELL DONE Matt! Keep going

    • @mneary
      @mneary  2 роки тому +3

      Thanks so much Niklas!

  • @Iaintsayinnothin..
    @Iaintsayinnothin.. 2 роки тому +2

    Amazing comprehensive tutorial, I went from not really rating the responsive engine too highly (lack of know-how), to realising and understanding how powerful and easy it is to use, its the best page building experience I've had, you can really build whatever you want.

    • @mneary
      @mneary  2 роки тому +1

      I hated responsiveness before the new engine. But I'm so energized by how easy it is to build with the new one!
      Happy to have helped change your mind 🙂

  • @chedmoo1967
    @chedmoo1967 2 роки тому +10

    Thanks Matt. I appreciate your basic approach as always. You are the best Bubble teacher that I have found. Keep up the good work!

    • @mneary
      @mneary  2 роки тому +2

      Thank you!

  • @XCmdr007
    @XCmdr007 2 роки тому +10

    AMAZING!!! Best tutorial on the new engine anywhere! Thank you Matt! 👏

    • @mneary
      @mneary  2 роки тому +1

      Thanks so much, glad it's been helpful :)

  • @hnnhml
    @hnnhml Рік тому +2

    you're so incredibly good at explaining and structuring your explanations. thank you soo much!!

  • @dmintz2
    @dmintz2 Рік тому +2

    Phenomenal! The best explanation I have seen of layouts of pages and boxes in bubble!

  • @warrenstrife4818
    @warrenstrife4818 Рік тому

    your bubble tutorials are the best man, concise yet thorough

  • @nickb3487
    @nickb3487 Рік тому

    Wow! what a great way to explain things. You have a gift. I wish all teachers were as articulate like you.

  • @kipyegonkurgat5615
    @kipyegonkurgat5615 2 роки тому

    The Imagery and vivid explanations are just outta this world. Thanks, Matt you are so informed.I am out here to impress my clients now🤗🤗🤗🤗👍👍👍👍👍👍

  • @visheshgupta4990
    @visheshgupta4990 7 місяців тому

    Thank you so much really you explained everything very easily , I was little worried how to manage responsiveness in bubble , but your video is like a saviour for me , I see your first video and in your first video the value you provide is just amazing , You are one of the best teacher . Thanks once again . Subscribed

  • @aysegulylmaz9909
    @aysegulylmaz9909 2 роки тому

    New video! Always like a holiday) You're my favorite view bot king

  • @augustoayala5804
    @augustoayala5804 2 роки тому

    It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

    • @mneary
      @mneary  2 роки тому

      Glad to hear it!

  • @SianJon
    @SianJon Рік тому

    Clear. Concise. Great examples. Thanks Matt! I'll be signing up for your course. Keep the good stuff coming.

  • @samuelugbaka8692
    @samuelugbaka8692 2 роки тому

    You got a like, a subscriber and a buzzer on from an old guy. TNice tutorials is the best soft soft tutorial I've seen so far. You covered a lot of

    • @mneary
      @mneary  2 роки тому

      Awesome, thank you!

  • @acamilop
    @acamilop Рік тому

    Thanks for the course. Lifesaver. I'm coming from Webflow and Bubble broke my brain.

  • @adalberoncastellofilho3968
    @adalberoncastellofilho3968 2 роки тому

    The best information that I found it about bubble! Thanks for this type of information!

  • @alejandroversalli898
    @alejandroversalli898 2 роки тому +1

    You are amazing, this save a lot of headaches. You are an excellent teacher

    • @mneary
      @mneary  2 роки тому

      Glad to help :)

  • @NiceGuyEntrepreneurs
    @NiceGuyEntrepreneurs 2 роки тому

    Loved the examples of how it is used at the end under conditional. That helps me understand and retain the information much better.

    • @mneary
      @mneary  2 роки тому

      Glad to hear it 👍

  • @dmitrii3515
    @dmitrii3515 2 роки тому +1

    Thank you Matt! 🙌
    You're a great tutor! Been watching your lectures about Bubble for some time.

  • @andyillingworth2171
    @andyillingworth2171 7 місяців тому

    Hey Matt, i just sent a client your way. Happy to see you're still killing it! ✌

    • @mneary
      @mneary  7 місяців тому

      Yo! Thanks man! Would love to catch up :)

  • @AndrewOnTestingCars
    @AndrewOnTestingCars 2 роки тому

    Thank you very much Matt! you have been the best person I have come across to learn about Bubble and its best practices! massively grateful! Had found Bubble a bit confusing on the logic side but your videos brought me through, and rejuvenated my interest in Bubble and its legitimacy!

    • @mneary
      @mneary  2 роки тому +1

      So glad to hear it Andrew!
      It can indeed be difficult at the beginning but it's well worth it!

    • @AndrewOnTestingCars
      @AndrewOnTestingCars 2 роки тому

      @@mneary Thank you for your reply, Matt! I'm making a native mobile on bubble, do you have any tips for that? I've just started to convert it to a single-page app, then I will use bdk native to wrap it. Most important thing is that I will be able to use native push notifications.

  • @1000angelpan
    @1000angelpan 2 роки тому

    It Worked perfectly after trying other methods this one was the best one, Thanks.

    • @mneary
      @mneary  2 роки тому

      Great to hear!

  • @JanEngel-fj1ul
    @JanEngel-fj1ul Рік тому

    Thank you @Matt Neary for providing this content! Super helpful to understand the basics!

  • @AntiGrindServices
    @AntiGrindServices 2 роки тому

    bro thanks so much, you actually made soft soft easy to understand

  • @paulokoduwa
    @paulokoduwa 2 роки тому

    God bless Matt, I was about to pay for a tutorial of same topic. You are the champ

    • @mneary
      @mneary  2 роки тому

      Cheers Paul 🙏

  • @wolfik977
    @wolfik977 2 роки тому

    Happy bubbling - it'so cute.
    Thank you very much, Matt. Good job! I agree with others - you're coolest teacher by no-code.

  • @fatinestiakrajjo7378
    @fatinestiakrajjo7378 2 роки тому

    your courses are great but so underrated

    • @mneary
      @mneary  2 роки тому

      Thank you very much.

  • @razor2k911
    @razor2k911 Рік тому

    This is exactly what I needed. Thank you, Matt!

  • @neveriodev350
    @neveriodev350 Рік тому

    Thank you sooo much, this is the best instructional video I've watched so far!

  • @levib2162
    @levib2162 2 роки тому

    Thank you for the video Matt. I'm building my MVP. Keep up the good work

    • @mneary
      @mneary  2 роки тому

      Glad to help!

  • @philippmuller1667
    @philippmuller1667 2 роки тому +1

    How does this video have so few views?!?! Amazing tutorial, thanks a lot for sharing this with us Matt.

    • @mneary
      @mneary  2 роки тому

      Cheers Philipp, my pleasure

  • @c0989
    @c0989 2 роки тому +1

    Excellent, really good tutorial and awesome clear presentation/ video editing. I have subscribed!

    • @mneary
      @mneary  2 роки тому

      Thanks Ben, glad it was helpful!

  • @noemialamo1690
    @noemialamo1690 2 роки тому

    Nice job man, seems like soft soft has gotten a lot more complex since the fruity loops days that I rember. Very helpful, thank you.

  • @spinoff2011
    @spinoff2011 2 роки тому

    Great great content man!! Thanks a lot for your time teaching. Greetings from Colombia 🇨🇴

    • @mneary
      @mneary  2 роки тому

      Thanks Nicolas!

  • @ryzeonline
    @ryzeonline 7 місяців тому

    This was excellent, impressive content, thank you.

  • @tibuigerard1564
    @tibuigerard1564 2 роки тому

    Just something i realized during your lessons. In the lesson on 'stretch vs shrink modes', It's worth noting that items in a container don't automatically stretch vertically to fill to the container except the container is a column. They also get option to 'fit height to content' when parent container is a column. If parent container is a row, items will automatically shrink to their minimum height.

    • @mneary
      @mneary  2 роки тому

      Yeah, Bubble has set the default behaviour a little unintuitively IMO. Simpler would be if every element was by default in stretch mode (or shrink) regardless of it's parent container type.

  • @CSscron
    @CSscron 2 роки тому

    Nice tutorial, I'll test it right now!

  • @mortalman6408
    @mortalman6408 2 роки тому

    Superb content clear and concise thanks matt. It has indeed been helpful

    • @mneary
      @mneary  2 роки тому

      Great to hear!

  • @nikolavisnjic9799
    @nikolavisnjic9799 Рік тому

    Found my Bubble teacher :)

  • @briggsy9768
    @briggsy9768 2 роки тому

    Fantastic video, thank you very much for making this valuable information easy to understand.

    • @mneary
      @mneary  2 роки тому

      My pleasure!

  • @comercialvillavicencio5106
    @comercialvillavicencio5106 2 роки тому

    Now tNice tutorials was truly an aweso video. I love your thorough style

    • @mneary
      @mneary  2 роки тому

      Glad you like them!

  • @TheNightsAreOver
    @TheNightsAreOver Рік тому

    This was very informative thank you!

  • @sonamnorbu6068
    @sonamnorbu6068 2 роки тому

    You know how to teach really well! Great tutorial 👍

  • @SWISSVERSE
    @SWISSVERSE Рік тому

    Excellent tutorial. Thank you.

  • @MarketingWithJeffCaldwell
    @MarketingWithJeffCaldwell 2 роки тому

    Thank you!! You taught me
    How to mobile design 🔥🔥

    • @mneary
      @mneary  2 роки тому

      Great to hear 💥

  • @НиколайВершинин-к8х

    Thank you very much. It's a definitely a much better explanation of responsive design than that in the paid course I've bought at Udemy.

  • @inwantOfficial
    @inwantOfficial 2 роки тому

    even on my weak computer the installation did not take much time, thank you very much

  • @SebastianEljaiek
    @SebastianEljaiek 6 місяців тому

    Hey Matt, what an amazing video, I came to learn about sizing but at the end BOOM !
    At 1:07:19 the Sign In box overlaps over the the image. HOWW !? I haven't been able to make stuff overlap. I had given up really

  • @elzoguarnieri3207
    @elzoguarnieri3207 2 роки тому

    Thanks Matt! Excellent. Still waiting for news on your new course.

    • @mneary
      @mneary  2 роки тому

      Thanks Elzo, it's just a few weeks away!

  • @Temitechy
    @Temitechy 2 роки тому

    Absolutely great tutorial. Thank you!

    • @mneary
      @mneary  2 роки тому +1

      Glad it was helpful!

  • @JamesDaly
    @JamesDaly Рік тому

    This is an incredible tutorial 👏

  • @DanGameDev
    @DanGameDev 2 місяці тому

    Phenomenal video - thank you!

  • @jennymelia
    @jennymelia Рік тому

    Loved this video! Thank you🤩

  • @ruslanidrysov336
    @ruslanidrysov336 Рік тому

    You are awesome, man!
    Thanks!

  • @united_mates_of_america
    @united_mates_of_america 2 роки тому

    Another great video! Thanks Matt!

    • @mneary
      @mneary  2 роки тому

      Glad you enjoyed!

  • @JoBernard12oxen
    @JoBernard12oxen 2 роки тому

    Hi Matt. Thank you for all your hard work and dedication. These videos are essential to an understanding of the Bubble platform.
    For some reason, put the grand child group into the child, made the child width 0 and in sliding the elements smaller the child AND the parent just performed as if the grandchild wasn't even there. I could see you did it, but I was clearly witnessing that even though I put the grandchild in the child element, when resized, it was ignored, and the parent and child went smaller.
    I've since erased it, but I double checked to make sure the grandchild was in fact "in" the child.
    Also, when you click on the parent in the Element tree and right click on the parent it gives you the option too hide the child elements. Thought that might have been useful in a couple places through the video.
    Outstanding video (as all of them are), and I look forward to learning more soon. Jo Bernard

    • @mneary
      @mneary  2 роки тому

      Thanks for the tip - indeed I can let the elements tree get out of hand!
      With what you described, if the grandchild has a min width then everything should have not collapsed completely. So either there was no min width, or your element heirarchy wasn't what you thought it was. Or it was a (rare) bug 🐛

  • @jjcc9909
    @jjcc9909 2 роки тому

    Bravo! Cheers, from Mexico, gracias

  • @devilevic
    @devilevic 2 роки тому

    What a great video, thank you so much!

  • @manuelcalvo
    @manuelcalvo 2 роки тому

    Thank you for sharing this tutorial

    • @mneary
      @mneary  2 роки тому

      You’re welcome!

  • @КомилхонТемурхонов

    Bro, you're a great teacher and explainer! Thank you for tNice tutorials tutorial!

    • @mneary
      @mneary  2 роки тому

      Thank you very much

  • @gabrielaberon5383
    @gabrielaberon5383 2 роки тому

    Respect to your good work, thanks a lot

    • @mneary
      @mneary  2 роки тому

      You're very welcome

  • @azizebennacer2021
    @azizebennacer2021 2 роки тому

    THANKS BRO, SO HELPFUL

  • @Babyland23
    @Babyland23 2 роки тому

    Congratulations with 6k subscribers 🎉🇺🇦

    • @mneary
      @mneary  2 роки тому

      Thanks man, appreciate it 🙏

  • @amilliaayu9871
    @amilliaayu9871 2 роки тому

    Thanks... it's working... Good Job...!

  • @Megasoccerlord
    @Megasoccerlord 2 роки тому

    Incredible content, thanks!

  • @DelaPisafam
    @DelaPisafam 2 роки тому

    Nice tutorial I just got the yamaha PSR E363 and I connected it as a midi controller however I can't figure out how to draw the notes with my

  • @---gachamiki---4245
    @---gachamiki---4245 2 роки тому

    YOU ARE A GOD... NO QUESTION ABOUT IT

  • @businessacc179
    @businessacc179 11 місяців тому

    So @9:30. you created textboxes on top of the shapes, and it allowed you to select fixed for those groups. On mine, it automatically puts them in the row. I cannot select fixed for some elements and row for the whole page. Can you help?

  • @martinlenweiter7597
    @martinlenweiter7597 2 роки тому

    Excellent video ! :)

  • @wighatsuperreggie
    @wighatsuperreggie 10 місяців тому

    I'm stuck at 8:41 Cmnd-D to duplicate the group. It's the same keyboard command as "add bookmark" in my browser, which is overriding that. I'm hitting copy/paste, but that isn't working. I don't see "duplicate" as a menu item. Is there another way? You also use duplicate when you add numbers to the boxes. It seems that bubble doesn't do copy/paste, or even option-drag. With out the Command-D what can you do apart from recreating the element each time (assuming you don't have a re-usable component... which I haven't learned yet)...

  • @adityandradp
    @adityandradp 2 роки тому

    help, I'm definitely starting to get the hang of it. Just thought I'd share.

  • @yasminvaldelamar3866
    @yasminvaldelamar3866 2 роки тому

    Thank you, it works perfect!

    • @mneary
      @mneary  2 роки тому

      Great to hear!

  • @diegovillafane6313
    @diegovillafane6313 6 місяців тому

    Got a question, from the page container which is pacient zero, how should we set the layout, because using fixed layout to position a container with the mouse is deceiving because your page don't shrink or expand if it's fixed, so a fixed parent is useless in almost any case nowadays, few apps are desktop only. So what is the point in doing it? And how should I set the layout of the page container? Which is the most important.

  • @classicCyber
    @classicCyber 2 роки тому

    Matt, you're fantastic. When i make a million $ with my future app, i'll certainly sponsor you 🙂

  • @learnandlive9546
    @learnandlive9546 2 роки тому

    HELP! When i put a sample into the daw, the sample slides instead of moving in steps, how can i get the sample to move in steps?

  • @osagieohunyan1778
    @osagieohunyan1778 Рік тому

    Nice one thanks for this.

  • @KipkuruiClement-bi7qo
    @KipkuruiClement-bi7qo 7 місяців тому

    GREAT TEACHER

  • @eilonlevi3927
    @eilonlevi3927 2 роки тому

    Hey!
    This video is very helpful. Anything changed since the new engine came by?
    Thanks

  • @KarlilAmisial
    @KarlilAmisial 2 роки тому

    Thanks so much. Pretty good video

    • @mneary
      @mneary  2 роки тому

      Thanks Karlil

  • @Eazihustler
    @Eazihustler Рік тому

    Nice one Bro.

  • @chlins
    @chlins 2 роки тому

    Very good this tutorial (class), but very tiring, so much theory. Very easy to understand and remind in your head with real examples and not just squares. The class got much more exciting towards the end (1:03:44 - Conditional behavior), where we see real examples of use. In my opinion, a continuation tutorial is missing.
    If someone, after the theory, applies it to a landing page, header, login/logout, it is much easier to understand.

    • @mneary
      @mneary  2 роки тому +1

      Thanks Charles. You're right that it's a lot of theory - that's quite deliberate as I believe prodding around with the engine before trying to build something substantial is key to understand it. Definitely need to be using the editor alongside the video.
      But for sure, more practice (and tutorials) would be the next step, as you say.
      I'm putting these 'continuation' videos together in my bubble course (learnbubble.io/course) but will also have the odd piece of content here on YT.

  • @JackBondy
    @JackBondy 7 місяців тому +1

    Hello, could you please translate this video with an audio track into French? And would it be possible to do this for all your videos? It would be great to be able to share your knowledge with people who don't speak English. Thank you very much for your work.

  • @macads6919
    @macads6919 2 роки тому

    Nice work

  • @yassinehzami1670
    @yassinehzami1670 2 роки тому

    I was surprised how understandable tNice tutorials tutorial is, thanks!

  • @dmintz2
    @dmintz2 Рік тому +1

    Thanks!

  • @mihai62834
    @mihai62834 2 роки тому

    I still can't figure out a certain detail - how much a container (group) can hold? if I multiply a child so many times, beyond the "capacity" of the parent container / group (given by fixed set width/height) there is nothing stopping you, you can do that indefinitely; the editor will show the excess children outside the borders of the container but the elements tree confirms that all the children are "registered" inside the container... This is at least strange... Thank you!

  • @loanjoliveau4254
    @loanjoliveau4254 2 роки тому

    Hi! This was a great video, learned tons of useful resources. Would you mind sharing a link that would perhaps be view-only to the application you presented in the video?
    Thanks again!

    • @mneary
      @mneary  2 роки тому

      Hey which app? There are a few different examples I show in the video

  • @Tom_Mos
    @Tom_Mos 2 роки тому

    Thanks Matt!

    • @mneary
      @mneary  2 роки тому

      You're welcome Tomas!

  • @promisedknowledgeuniversit4645
    @promisedknowledgeuniversit4645 2 роки тому

    merci pour le tuto

  • @naghmehsalimi2991
    @naghmehsalimi2991 2 роки тому

    I can't afforded soft soft. what alternative can I get?

  • @chrischapman214
    @chrischapman214 6 місяців тому

    Thank you!

  • @lonjezodzilankhulani6510
    @lonjezodzilankhulani6510 2 роки тому

    Reverse margin. Cool term!

  • @kallmer
    @kallmer Рік тому

    awesome man

  • @imamraza3962
    @imamraza3962 8 місяців тому

    hey can u pls upload the video on new responsive engine

  • @AditIrwan
    @AditIrwan 2 роки тому

    Hello Matt, I want to ask why I can not edit my containers layouts? the tab layouts on me "layout tab settings are only available on certains elements". I hope you reply, thanks

    • @mneary
      @mneary  2 роки тому

      Hey Irwan - what type of container are you trying to set the layout for?

    • @AditIrwan
      @AditIrwan 2 роки тому

      @@mneary the group container, want to make my heropage responsive but it didn't go well

  • @mapulandlanyana8466
    @mapulandlanyana8466 2 роки тому

    Nice im starting to make so simple soft soft how about you?

  • @ibrahimgamal6774
    @ibrahimgamal6774 2 роки тому

    Hi Matt, I love your tutorials so much, can you make a video on how to make a good UI design on bubble using Figma or any other tool? Because I don't know how mske user interface on bubble, thanks alot.

    • @mneary
      @mneary  2 роки тому +1

      Hey Ibrahim, yeah I've been thinking about creating a video on that. I'll add it to my list!

    • @ibrahimgamal6774
      @ibrahimgamal6774 2 роки тому +1

      @@mneary Thanks alot Matt, I watched a lot of people teaching bubble tutorial, but you're the best tbh 👌