Styles: Getting started with Bubble (Lesson 1.5)

  Рет қаралды 15,273

Bubble

Bubble

4 ай бұрын

Section 1 (Lesson 5/10): Professional applications stand out thanks to their consistent and coherent design. This tutorial focuses on the critical role styles play in helping you achieve that level of professionalism. We dive into the nuances of creating a unified design language by using elements, spacing systems, and interactive components like button hovers.
In this video, you'll learn about:
• The importance of consistency in design and how it impacts user experience.
• Implementing a cohesive spacing system to enhance the visual layout of your app.
• Enhancing user interaction with styled elements, including hover effects and transitions.
• Practical tips on maintaining a professional aesthetic across your Bubble app through the effective use of styles.
Resources folder:
➡ e6387a14ba6d0bf3e823090f8d959...
Bubble editor:
➡ bubble.io/page?type=page&name...
* * * * *
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/DqKMao
Twitter ➡ / bubble
Blog ➡ bubble.io/blog

Пікірлер: 11
@GafsiOussama
@GafsiOussama 2 ай бұрын
Gregory, Thanks a lot..
@cappadouble2869
@cappadouble2869 Ай бұрын
I was doing fine until 6:00-until the end of video when he speeds up the Body small, medium, large, default instructions. Can anyone explain what to do?
@scottsager440
@scottsager440 12 күн бұрын
I can copy text variables from your demo page, but when I right click those variables in my app, it only gives me the option to copy but not to paste. Not a big deal as I can edit them later, just thought you should have that feedback...
@SianJon
@SianJon 2 ай бұрын
Hi Gregory, love your work. I've noticed some style variables are missing in my app compared to your demo app. Could this be because I am using the free plan? Thanks in advance.
@gregory-john
@gregory-john 2 ай бұрын
Thanks for mentioning that, I'm in the process now of aligning the 2 apps.
@thomasrnnr8604
@thomasrnnr8604 2 ай бұрын
Hi, it's a really nice video but i can not find the demonstration colors application?
@gregory-john
@gregory-john 2 ай бұрын
The link is in the description under 'Bubble editor...'
@justsellmore
@justsellmore 2 ай бұрын
Hi, I an trying to follow along with the tutorials for the youtube videos but I can not seem to add a custom breakpoint as it is shown in the vide of < Custom (576 px) only options are mobile, mobile landscape and one other. Can you please assist me with this?
@gregory-john
@gregory-john 2 ай бұрын
You need to create it yourself as it's not a Bubble default. Use the + icon next to the 320 breakpoint in the responsive tab.
@paintTitTblack
@paintTitTblack 4 ай бұрын
Is there a password needed to preview the test version?
@gregory-john
@gregory-john 4 ай бұрын
Just type 'username' and 'password' for both. Just be aware that I've restricted the ability to use the app this way. It's really for reference from an editor perspective.
Learn Bubble.io in 30 Minutes
28:45
Jesse Showalter
Рет қаралды 59 М.
Joker, what is this doing?!#joker #shorts
00:31
Untitled Joker
Рет қаралды 9 МЛН
Inside Out 2: Who is the strongest? Joy vs Envy vs Anger #shorts #animation
00:22
World’s Largest Jello Pool
01:00
Mark Rober
Рет қаралды 124 МЛН
Navbar: Getting started with Bubble (Lesson 1.10)
23:12
Bubble
Рет қаралды 9 М.
Working with Group Focus Elements in Bubble
11:21
Hustling Labs
Рет қаралды 23
Reusable footer: Getting started with Bubble (Lesson 1.9)
13:00
Now in beta: Bubble AI features to build your first app
4:35
Design Tips & Tricks in Bubble.io | Tutorial
40:31
Max Kubanek
Рет қаралды 3,4 М.
Using ChatGPT and JSON Frameworks for AI Apps
13:37
Chad Sakonchick
Рет қаралды 283
Password reset: Getting started with Bubble (Lesson 2.8)
20:21
Yanlışlıkla Telefonumu Parçaladım!😱
0:18
Safak Novruz
Рет қаралды 6 МЛН
Новая функция в Xiaomi! Apple скопирует?
0:45
ÉЖИ АКСЁНОВ
Рет қаралды 1,1 МЛН
Как настроить камеру хоп-ап
1:00
TimToker
Рет қаралды 649 М.
Слетела прошивка на LiXiang L7
1:01
Настя ЧПЕК Туман
Рет қаралды 2,1 МЛН