Тёмный

Styles: Getting started with Bubble (Lesson 1.5) 

Bubble
Подписаться 44 тыс.
Просмотров 21 тыс.
50% 1

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:
➡ 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/DqKMao
Twitter ➡ / bubble
Blog ➡ bubble.io/blog

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 14   
@scottsager440
@scottsager440 2 месяца назад
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...
@thomasrnnr8604
@thomasrnnr8604 4 месяца назад
Hi, it's a really nice video but i can not find the demonstration colors application?
@gregory-john
@gregory-john 4 месяца назад
The link is in the description under 'Bubble editor...'
@murjonl
@murjonl 7 дней назад
A bit awkward to have to open up link in description. Was watching video on phone while working on laptop.
@SianJon
@SianJon 4 месяца назад
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 4 месяца назад
Thanks for mentioning that, I'm in the process now of aligning the 2 apps.
@QLY.
@QLY. 23 дня назад
same thing here
@GafsiOussama
@GafsiOussama 4 месяца назад
Gregory, Thanks a lot..
@cappadouble2869
@cappadouble2869 3 месяца назад
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?
@BibleSamurai
@BibleSamurai 29 дней назад
copy from project app and paste into your app. play that part in .25 speed in the video settings. the project app is in the description of this video under Bubble editor. I notice he sets body medium as default
@justsellmore
@justsellmore 4 месяца назад
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 4 месяца назад
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 6 месяцев назад
Is there a password needed to preview the test version?
@gregory-john
@gregory-john 6 месяцев назад
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.
Далее
Navbar: Getting started with Bubble (Lesson 1.10)
23:12
Mcdonalds cups and ball trick 🤯🥤 #shorts
00:25
Просмотров 403 тыс.
Learn Bubble.io in 30 Minutes
28:45
Просмотров 91 тыс.
DiagramGPT - Honest Review of Eraser AI
8:22
Просмотров 136 тыс.
Getting Started With Bubble - Key Concepts
58:32
Просмотров 172 тыс.
How to Design Better in Bubble.io (Tips & Tricks)
40:31
How To Build a Dashboard In Bubble.io
26:41
Просмотров 9 тыс.