Using Custom Code in your Bubble App - Real world examples
Matt Neary Matt Neary
18.6K subscribers
990 views
0

 Published On Jan 19, 2024

How a little bit of Javascript and CSS can help you build anything in Bubble.

πŸ”² Craft a beautiful interface for your Bubble app πŸ‘‰ https://www.basislab.io
πŸŽ“ Learn to build your next big idea with Bubble (50 hours of lessons) πŸ‘‰ https://thinkitbuildit.co

⏱️ Timestamps:
00:00 Introduction
05:22 Browser Devtools and HTML IDs
12:09 Using ChatGPT to learn
14:08 Injecting custom CSS
18:29 Generating unique HTML IDs
21:12 Closing thoughts

πŸ“– What You'll Learn:
Strategies for using JavaScript and CSS to enhance Bubble's native capabilities.

πŸ”— Useful Links:
W3 Schools for HTML, CSS, Javascript references
https://www.w3schools.com/

CSS tricks talking about scrollbar gutter
https://css-tricks.com/almanac/proper...

Find support for different web technologies across different browser versions
https://caniuse.com/

Should need no introduction
https://chat.openai.com

πŸ”₯ Tips:
- Remember to consider browser compatibility when making CSS changes. Check https://caniuse.com/
- Utilize developer tools for debugging and inspecting element structures.
- Leverage ChatGPT for coding guidance and troubleshooting.

❓ Questions or Feedback?
Drop your questions in the comments below, and we'll be happy to help!
If you find this video useful, don't forget to like, subscribe, and share with others who might benefit.
#bubble #nocode #saas #webdesign #javascript #css

show more

Share/Embed