- 20
- 61 527
Build With Damian
Приєднався 23 лис 2011
Teaching building Chrome Extensions with Bubble | Free Bubble Chrome Extension Crash Course: hub.buildwithcharles.io/bubble-chrome-extension-crash-course
Відео
Build an AI Chrome Extension with Bubble in 10 Minutes | GPT Text Summarizer Tutorial
Переглядів 79День тому
Learn how to create a powerful AI Chrome extension using Bubble and GPT in just 10 minutes! This step-by-step tutorial will guide you through building a text summarizer that works on any website. Perfect for beginners and those looking to add AI capabilities to their projects. Don't forget to like, subscribe, and hit the bell icon for more tutorials!
How to Create Chrome Extensions Without Coding | Free Bubble Chrome Extension Crash Course!
Переглядів 14921 день тому
🚀 Welcome to the Bubble Chrome Extension Crash Course! 🚀 In this free introductory video, you'll learn how to create powerful Chrome extensions using Bubble.io without writing a single line of code. This is just the beginning! By the end of the full course, you'll know how to integrate advanced features like the ChatGPT API to make your extensions even more powerful. 🎓 What You'll Learn in This...
Web Apps vs. PWA vs. Hybrid vs. Native: What's the Difference?
Переглядів 2,1 тис.Рік тому
Are you confused about the different types of mobile apps out there? In this video, we'll break down the key differences between web apps, progressive web apps (PWA), hybrid apps, and native apps. By the end of the video, you'll have a clear understanding of the pros and cons of each type of app and which one might be best suited for your project. This video is part of the "Bubble Mobile Crash ...
bubbleHacks: Fix Feather Icons hover
Переглядів 334Рік тому
Fix Feather Hover Icons in Bubble More about me: * Newsletter: bubblehacks.substack.com/ * Twitter: DamianJanzi * My products: bubblehacks.io
How to implement lightning-fast case insensitive search in Bubble
Переглядів 3,3 тис.Рік тому
So here is the thing, building search features in Bubble apps is hard. There is a bunch of ‘fuzzy search’ and ‘search & autocomplete’ plugins, but in my experience, they are all either slow, expensive, or unreliable. The main reason for this is that these search plugins live in the front-end of your application, which means they run locally on your laptop or phone. Therefore they need to 1) dow...
How to adjust the iOS status bar when building PWAs with Bubble.io
Переглядів 3,2 тис.2 роки тому
How to adjust the iOS status bar when building PWAs with Bubble.io Bubble editor: bubble.io/page?type=page&name=ios_notch&id=bh-examples&tab=tabs-6&subtab=Metatags Further reading and code snippets: codeburst.io/progressive-web-apps-customize-status-bar-23c4b2de590f Check out my newsletter at bubblehacks.substack.com/ Twitter: DamianJanzi
Intro to Charles, the Bubble Chrome Extension Builder
Переглядів 4,6 тис.2 роки тому
This is a quick intro on how to build a Chrome Extension with Bubble and Charles - the Bubble Chrome Extension Plugin. Links: * Bubble demo editor: bubble.io/page?type=page&name=popup&id=charles-chrome-extension-demo&tab=tabs-5 * Charles resources: buildwithcharles.io/
Bubble Responsive Messaging Template 2.0 - Instructions
Переглядів 3,2 тис.2 роки тому
A short instruction video for the Bubble Responsive Messaging Template 2.0 (bubble.io/template/responsive-messaging-20-1651498677961x291607956405092350) - How to integrate the chat in any existing Bubble app - How to change the layout to use the full screen height About the Bubble Responsive Messaging Template 2.0 : Finally a messaging / chat template that works. Fully responsive and built with...
Meet Henry - An advanced and cost-effective native wrapper for Bubble apps
Переглядів 7 тис.2 роки тому
Henry is a native wrapping technology that allows you to wrap your Bubble app using Thunkable while giving you access to advanced native features directly from Bubble. Get it: henry.bubblemobilekit.io Follow me on twitter: DamianJanzi My newsletter: newsletter.bubblehacks.io #1 Bubble Mobile Template: bubblemobilekit.io
Building for mobile with Bubble's new responsive engine - Part 3
Переглядів 2,3 тис.2 роки тому
How to build beautiful mobile scrolling/content pages with Bubble's new responsive engine. Part 1: ua-cam.com/video/CfpryewPoW4/v-deo.html Part 2: ua-cam.com/video/uwZbqJJW_ns/v-deo.html Further resources: * My newsletter: newsletter.bubblehacks.io * My bubble mobile template: www.bubblemobilekit.io/ * Chrome Responsive Viewer Extension: chrome.google.com/webstore/detail/responsive-viewer/inmop...
Building for mobile with Bubble's new responsive engine - Part 2
Переглядів 2,9 тис.2 роки тому
How to add a sliding menu for login/signup to your mobile landing page on Bubble's new responsive engine. Part 1: ua-cam.com/video/CfpryewPoW4/v-deo.html Part 3: ua-cam.com/video/S1iRal1D4rc/v-deo.html Further resources: * My newsletter: newsletter.bubblehacks.io * My bubble mobile template: www.bubblemobilekit.io/ * Chrome Responsive Viewer Extension: chrome.google.com/webstore/detail/responsi...
How to add awesome free Lottie animations to your Bubble app.
Переглядів 2,8 тис.2 роки тому
How to add awesome free Lottie animations to your Bubble app. My newsletter: www.getrevue.co/profile/bubbleHacks
Building for mobile with Bubble's new responsive engine - Part 1
Переглядів 10 тис.2 роки тому
How to build beautiful mobile full-height pages with Bubble's new responsive engine. Part 2: ua-cam.com/video/uwZbqJJW_ns/v-deo.html Part 3: ua-cam.com/video/S1iRal1D4rc/v-deo.html Further resources: * My newsletter: newsletter.bubblehacks.io * My bubble mobile template: www.bubblemobilekit.io/ * Chrome Responsive Viewer Extension: chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgf...
A short intro to Bubble's new responsive engine
Переглядів 5822 роки тому
A short intro to Bubble's new responsive engine
Adding user interaction to repeating groups
Переглядів 1,2 тис.2 роки тому
Adding user interaction to repeating groups
How to optimise your Bubble.io page heights for mobile screens: Part 2 (Make it even nicer)
Переглядів 2,1 тис.2 роки тому
How to optimise your Bubble.io page heights for mobile screens: Part 2 (Make it even nicer)
Add animated blobs to your Bubble app
Переглядів 6 тис.2 роки тому
Add animated blobs to your Bubble app
Updated: Optimise Bubble.io page heights for mobile screens
Переглядів 9 тис.2 роки тому
Updated: Optimise Bubble.io page heights for mobile screens
More tutorials 🙏💪
Nice!
How can I update apple-mobile-web-app-status-bar-style after add to home screen without reinstall app?
Hi Damian, I'd be curious how this "filtered" expression conbined with "advance" filtering in your RG performs for a list of 1000 to 10000 messages. In my experience, this is actually very slow above 100 records, but maybe this case is different. I'm asking because i'm looking for a solution for search of appr 10K records
Hi Damian! Its Bence.... I am struggling with this because I have a bit more complex structure in my APP. I doubt that I can solve this issue and I am looking for somebody who could help me by viewing my screen online. Of course I dont want it for free but I would really need some help. Would you be interested to give advice like this?
Muchas Gracias, excelente informacion.
Very useful tutorial, thank you
Thanks a lot for tutorial. Sad you stopped putting more videos to the channel
Does using Henry mean I can have features like sms updates to users without having to be on the App Store?
Thank you so much for this tutorial I still come back to it from time to time.
we are No code and you want us to write codes ?
Is it possible to run workflows such as "get tab url" every few seconds without opening the chrome extension or will that not work?
i want the a feature to replace the new chrome tab with a bubble app
how to send the shape back when the coups are all responsive (column/row)
You're the best! Thank you
Good info, however how about when trying to Edit data by clicking Edit and calling a popup with displaying data in that popup?
Thanks! How can I solve a background color of the page? The height of the page, regardless of the repeating group results, it's the min height set to the main page. This cause background issue, which you can't see in your example since it has no background color. So if there is a background color, lets say black, it will end up in the min height of the page. That, unless you use allow vertical scrolling , which cause lots of UX issues,
hii i'm using the free version and i just want to confirm if that is the reason why i cant upgrade my responsive page and what is the effect of that?
sorry sir do you have instagram so it's easy to ask via Dm
worked for me, thanks.
Thank you so much. If you create more videos like this for bubble, we would really appreciate it. Thanks for your effort!
@bubbleHacks can you also have a gradient as background colour or only a solid colour?
Quick question -- what if the landing page is showing in the preview? Thanks a lot!
hey, do we have to do this for every individual page?
Very useful. Thanks!
Wow, the best way to implement I've seen so far. Thank you very much.
Viktor
I love u!
Awesome plugin, chrome ext builder... thanks. Question: when opening the chrome extension, clicking the icon in browser (configured to open in right side ). is there a way to close this by using a button I configure in bubble, rather than the pre set close icon in the top right? The close function in the Charles bubble plugin only closes it if its set to use popup.html file. thanks
Hey that was great help. I was wondering if you could do a tutorial on how to implement this search but with an external API instead? I'm having weird behaviours with Fuzzy Search plugin where it doesn't show the same matches are the data source. Often I just want to return the first item return from the Data source instead of needing to do a fuzzy match
Please do more videos like this
How do you include partial searches like 'fin' outputting 'finally'?
partial searches work
Quick question: What element were you using for your Search messages input element? Fuzzy search only allows text. The built-in searchbox only autocompletes for 1 data type. Just a text box then?
Thank you for your content, it’s been very helpful for the app I am building. I was hoping you can help me solve this problem, I am creating a PWA that will be used in iOS, and I am using a plugin to scan QR codes. When I was using it in safari I was able to set the Camera as Always allowed. But when I convert it to PWA, it asks me everytime if I want to allow the app to use the camera. Is there anything I can do to set it once as Always allow?
Up
How do I make a shape within a repeating group appear in an animated way instead of just popping up on the screen?
Please, improve sound volume. Otherwise great video! 😊
I need to give permission for a microphone and audio recording. do you have any advice on this?
Looks like an interessting solution. bit is it really fast with 20K entries in my database?
Well done and thank you!
There used to be a button when using a pwa on iPhone saying save to Home Screen. It’s gone now. How does a user know how to add to Home Screen if there in no prompt
iOS currently does not support native installation prompts as Android does. On iOS most people use a popup with some sort of prompt and screenshot of how to do it. Alternatively there are PWA tools like progressier.com/features/universal-pwa-installation that have that out of the box.
@@buildwithdamian do you have any links or examples of how the pop up works on iPhones so I can see it in action? Thanks
This was a really great help, the best solution so far related to this subject. In 2 minutes I made the searches in my clients app much faster, efficient and reliable (bye bye weird plugins for this purpose). Thanks and congrats for your channel
Hi I need a help it didn’t work with me
Will all bubble features and plugins still work the same as the online web app?
Works perfectly, thanks!!!
Hey man. i'm, experiencing a lot of issues in implementing this. (I managed to copy everything over with no errors but am struggling on the next part). Do you have a spare 5 minutes to help me whenever?
Good
omgosh, I have been trying to solve this for 20+ hours! where's your donate button?
much appreciated! don't have one though :)
Thanks. What did you use for he image and to get it transparent?
just a png with transparent background.
Hi, DJ please do more on developing chrome extension in bubble. Love from India.
du bisch schwizer, oder? :D
Haha saisch ma khörts?