How to Design Smooth Animated Inputs in Bubble.io for Better UX

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ส.ค. 2024
  • In this video, I'll show you how to create animated inputs in Bubble.io, perfect for enhancing your app's interactivity and user experience. We'll cover setting up input fields, adding animations, and tips for making your inputs look professional and engaging. Whether you're new to Bubble.io or looking to upgrade your skills, this step-by-step guide has got you covered. Don't forget to like, subscribe, and leave a comment if you have any questions.

ความคิดเห็น • 25

  • @StackIess
    @StackIess  2 หลายเดือนก่อน +1

    Leave a comment with video suggestions 🙏

  • @thumpatron
    @thumpatron 19 วันที่ผ่านมา +1

    Great video for an intermediate bubbler. I'm subscribing!

    • @StackIess
      @StackIess  19 วันที่ผ่านมา

      @@thumpatron thanks alot!

  • @GalTesler1
    @GalTesler1 5 วันที่ผ่านมา +1

    Thanks a bunch! Great tutorial and works perfectly.

    • @StackIess
      @StackIess  5 วันที่ผ่านมา

      @@GalTesler1 appreciate it 🙏

  • @pandimusuk
    @pandimusuk 2 หลายเดือนก่อน +5

    Useful topic but I barely watched till the end. This zooming in and out makes the video very hard to watch. You show this stuff for users with certain experience who definitely know where all the elements are located.

    • @StackIess
      @StackIess  2 หลายเดือนก่อน +1

      Thanks for the feedback! Apologies for the zooming in and out, I’ll include more context and slower explanations in future videos 👍

    • @johnclark674
      @johnclark674 2 หลายเดือนก่อน +1

      I loved the editing actually! But to pandi’s point I do have some good experience with bubble

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

      @@johnclark674 thanks heaps, yep in future videos I will be more clear, to help out beginners 👍

  • @joelchan6026
    @joelchan6026 2 หลายเดือนก่อน +1

    Great video!

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

      Thanks Joel 👍

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

    Damn! Awesome! Will apply this for sure. Loving it. Thank you sir 👍 but indeed, a bit less zooming would help.

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

      One issue.. When finished.. i can NOT click the text username in the input for it to start the transition.. I can press anywhere in the input, but just not the text. Any idea?

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

      Got it! Text Username Top.. Layout... Uncheck "This element is visible on page load"
      And then in the Conditional, add to first conditional "This element is visible" Checked..
      As well, the font color does not change to Primair when focused or input not empty.. this should be done at the Text Username Top, not at the bottom.
      All fine now. Thanks.

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

      Glad it worked for you! Thanks for the feedback 🙏

  • @Oluwa-toki
    @Oluwa-toki 2 หลายเดือนก่อน +1

    Neat 👌

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

      Thanks!

  • @krenkel7982
    @krenkel7982 2 หลายเดือนก่อน +1

    Oi, eu sou péssimo nessa parte de layout, que ideia incrível.

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

      Não desista

  • @rossdelport
    @rossdelport 2 หลายเดือนก่อน +1

    great video man, is that an aussie accent I hear? Im from perth. Something that would be great is if you could share the app builder and allow us to copy and paste?

    • @StackIess
      @StackIess  2 หลายเดือนก่อน +1

      Sure is mate!, from Melbourne. No worries bro here is the link bubble.io/page?name=index&id=responsive-input&tab=tabs-1&subtab=Plan

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

      @@StackIess legend man appreciate that

  • @bernardo4290
    @bernardo4290 2 หลายเดือนก่อน +1

    A bit less zooming effects please, makes me dizzy 😅 Solid video though!

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

      Thanks!, sorry about the zooming effects, I’ll make sure to change them in future videos 👍

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

      @@StackIess No worries, still great video. Keep up the good work! :)