Navbar: Getting started with Bubble (Lesson 1.10)
Section 1 (Lesson 10/10): In this lesson, we focus on the design and functionality of the navigation bar (navbar) in Bubble. The navigation bar is a crucial component of web applications, facilitating users’ movement through the app and enhancing the overall user experience. It's a feature you interact with daily across various software platforms, making its design both interesting and essential to get right.
In this lesson, you'll learn:
• The significance of the navigation bar in web application design, including its impact on user navigation and application usability.
• Step-by-step instructions for designing a navigation bar within Bubble, covering both aesthetic considerations and functional aspects such as the logged-out view with login or signup buttons.
• Strategies for creating a responsive and intuitive navigation bar that accommodates different user states (e.g., logged in vs. logged out) and how to implement these elements effectively in Bubble.
Resources folder:
➡ e6387a14ba6d0b...
Bubble editor:
➡ bubble.io/page...
* * * * *
Subscribe to this channel to be the first to hear about new videos!
Bubble is a software development platform that enables anyone to build and launch web applications without writing code. Rather than specializing in one or two aspects of web development (like designing landing pages or building databases), Bubble’s full-stack visual programming interface does it all. That means anyone from first-time entrepreneurs to enterprise-level companies can take an idea from concept to fully functional, scalable reality - faster and cheaper than you could with just code.
Have a question? Please visit bubble.io/support.
Learn more about Bubble:
Homepage ➡ bble.io/NKNUoT
Twitter ➡ / bubble
Blog ➡ bubble.io/blog
Пікірлер: 29
I am impatiently waiting for the rest of this course. Thanks Bubble, Thanks Gregory.
@gregory-john
4 ай бұрын
The next section is coming on Monday! 😀
Terrific course! Excellent teacher! Thanks!!
@gregory-john
4 ай бұрын
Thank you
One of the best teachers I've ever met: unhurried, structured, consistent and clear! Thank you! And how do I get to the next lessons? After the 10th one?
@BubbleIO
4 ай бұрын
Lessons drop every Monday! Stay tuned for the next lesson coming April 1st!
The lectures are really smooth and great. Many difficult-to-understand issues have been resolved. thank you
Excellent course, thanks a lot Gregory. Can't wait for part 2!
Such an excellent course, looking forward to the future updates!
@gregory-john
4 ай бұрын
Lots more to come 😀
excellent sir, please create another video for switching theme from light to dark....its need for every app...thanks for help!
Thanks for this course! 😍
Good explanation, thank you. However, I have a question: How can I display the menu links in the mobile view when the user clicks on the menu icon? Thanks in advance.
Excellent course, I'm following along here from Brazil.
My navbar shows no elements when I put it on the main page. What could be the issue.? Thanks !!!
Gregory - I'm wondering if you might reference where you "hook-up" this menu icon you've created here? _ I know it's naughty to jump ahead, but a lot of the next content isn't relevant to my personal project and I'd like to clear this functionality without trawling all the videos. Is there a list of what happens where someplace I've missed? (Oh, love these explanations / pace etc - well done and thank you) - where do I send my entire wish list ;)
Group Brand and Group Menu stack on top of each other when Page Width < 575 px. Testing index page on Chrome. Anyone else have this issue?
this is great tutorial!
Thanks for the course. How do we get the nav to be visible when clicking the menu icon?
@gregory-john
Ай бұрын
We build a popup later on in the course for this purpose.
There is no issue in editor window but during preview its showing " This is a circular Reusable Element... Reusable Elements cannot contain themselves (or other Reusable Elements that contain them). " for workplace or menu. Please help to resolve this issue.
@gregory-john
3 ай бұрын
Sounds like you may have added the reusable element to itself. Check the elements tree to make sure you only have 1 reusable element. You might have 2.
I'm not getting the groups inside the parent group (group container) evenly distributed - the Group brand is wider then the Group Links and Group Buttons, any idea on how I fix this? Thank you!
@gregory-john
3 ай бұрын
For each group, make sure there is no fixed, min or max widths on the layout tab.
17:44 woah woah woah whats wrong with the big old smiley face
Group Brand and Group Menu stack on top of each other when Page Width < 576 px. Testing index page on Chrome. Anyone else face this issue?
@gregory-john
2 ай бұрын
Make sure that Group brand is set to container alignment 'Space between' to push the elements apart.
Feels like waiting for the next Netflix episode of my favorite series
@gregory-john
4 ай бұрын