O guia CSS para estilizar seu aplicativo Bubble [+ PLUGIN GRATUITO]

Поделиться
HTML-код
  • Опубликовано: 30 янв 2025

Комментарии • 91

  • @ronaldsilvaz
    @ronaldsilvaz 2 года назад +10

    O único canal que compete minha atenção com a copa do mundo!

    • @RenatoAsse
      @RenatoAsse  2 года назад +6

      Aqui é toda semana um 7x1

    • @gccjn
      @gccjn 2 года назад +1

      Final de Copa e eu aqui assistindo llkkkk

  • @gauchognulinux257
    @gauchognulinux257 2 года назад +2

    Show de bola !

  • @llaosp
    @llaosp 2 года назад +1

    Haha, esse é o Renatera, man. hahahaha
    "Ah, quanto conflito quando aplico CSS nos meus projetos. Podia haver um pluing para sanar isso... Não tem. Vou fazer um e criar uma aula dele... Assim, diviulga o plug-in e meu canal também, bem como a comunidade sem codar".
    MEU, EMPREENDEDORISMO NATO! GOSTO DE MAIS, MELHOR CANAL BUBBLE DO UNIVERSO!

  • @jcardososilva
    @jcardososilva 2 года назад +1

    Cara. Você é F….. 😮😂
    Assim que sou notificado de seu vídeo , corro para ver.

  • @netotjb
    @netotjb 2 года назад +2

    Incrível Renato, mais uma vez lendo mentes...
    Eu decidi essa semana que vou precisar aplicar um Blur em uns textos no meu sistema e não sabia como fazer, você desbugou meu cérebro! Muito fera, obrigado e parabéns

  • @jansenfavero
    @jansenfavero 2 года назад +3

    Opa Renato! Sou teu fã cara! Mto Show!!! vc como sempre elevando o nosso nível de forma clara e sem frescura. Te sigo desde do início do Canal e agora finalmente sou membro da comunidade SEM CODAR, TMJ parceiro!!!

  • @PedroHenrique-mh3hz
    @PedroHenrique-mh3hz 2 года назад +1

    O brabo tem nome .. espero um dia te conhecer pra agradecer pessoalmente

  • @juanbonfim7677
    @juanbonfim7677 2 года назад +1

    O melhor. Sem dúvidas!

  • @jobercostafsa
    @jobercostafsa 2 года назад +1

    Só vídeo top!

  • @thiagotoscanobb
    @thiagotoscanobb 2 года назад +1

    Fera d+

  • @joaoboscocabral
    @joaoboscocabral Год назад +1

    excelente Renato vlw

  • @Loug3141
    @Loug3141 2 года назад +1

    Boooua Renato. Valeu. Esse plugin vai ser útil. Eu vivo usando HTML element para esse tipo de ajuste hehe. Deu pra ver que você tem o mesmo mindset que eu. "Tou precisando de algo sempre que não tem no bubble? Vou criar um plugin aqui..." hehehe 😄

  • @mariojr2476
    @mariojr2476 2 года назад +1

    "Gezuis"... foi a explicação mais simples... direta... objetiva... que vi na minha vida sobre CSS!!!! nunca vi tamanha simplicidade de explicação!!!!! Minha filha do Fundamental, entende melhor vc do que as aulas de matematica dela!!!!! rsrsrsrsr

  • @perolanegra8896
    @perolanegra8896 8 месяцев назад

    cria um aula esplicado o menu de site e como por eles em banco de dados ao clicar nos icones do menu como vai para outra tela, explica como criar um site completos e criaçoes das telas como são feitas.

  • @Skyphiixz
    @Skyphiixz 2 года назад +1

    O principal fator é que resolve o problema de responsividade. uma vez que você não usa mais a medida em "px", mas sim em "rem".
    Isso sim é vantagem!

  • @XxMyKeHxX
    @XxMyKeHxX 2 года назад +1

    Renato, não tenho palavras pra descrever minha admiração por você e pelo seu trabalho. Você é uma inspiração, cara! Sua didática é maravilhosa. O fato de você criar um plugin e deixar ele pronto até pra fazer um tutorial aqui no YT, já demonstra quão preocupado você é com a qualidade do seu conteúdo. Parabéns, cara de coração!

  • @davidsoncds
    @davidsoncds 2 года назад +1

    Show ✌🏻

  • @AudioGeekShow
    @AudioGeekShow 2 года назад +1

    que máximo...TOP D+

  • @tscsistemaautomacao6218
    @tscsistemaautomacao6218 2 года назад +1

    Muito bom. Vc é o cara. Sou iniciante. Mais sou apaixonado por programação.

  • @josehenriquedouradodearaga1152
    @josehenriquedouradodearaga1152 2 года назад +1

    Boa noite Renato. Queria agradecer a este canal porque o pouco que aprendi e justamente a perspectiva do que pode ser feito no Bubble, aprendi aqui. Espero que ele cresça ainda mais. Fiz um pequeno controle financeiro pra mim e foi quase como ver uma criança nascendo.

  • @renatoeuripides6040
    @renatoeuripides6040 Год назад +1

    Cara, eu te amo ! kkkk

  • @warica
    @warica 2 года назад +1

    Excelente!!!

  • @FabioLima-zx6id
    @FabioLima-zx6id 2 года назад +1

    Mais uma vez parabéns pelo trabalho!

  • @rogeriocarmo6026
    @rogeriocarmo6026 2 года назад +1

    Sou fã do seu trabalho Renato, cada conteúdo melhor que o outro, super indico a comunidade sem codar 👌

  • @Jadirsongs
    @Jadirsongs 2 года назад +1

    Sou o numero 10 kkkkkk, valeu Rentão !

  • @McInfoline
    @McInfoline 2 года назад +2

    Obrigado por nos ajudar a cada dia ser melhores em bubble e por disponibilizar seu tempo em nos ensinar. Didática , conteúdo e dicção primorosos.

  • @diRochaz
    @diRochaz 2 года назад +2

    Renato eu te amo

  • @AndersonSilva-fz4lh
    @AndersonSilva-fz4lh 2 года назад +1

    Aqui é chegar e dar like... precisa nem pedir. O melhor que tem.

  • @marcelokugler3339
    @marcelokugler3339 2 года назад +1

    Melhor definição pro MULTILINE INPUT = INPUTZÃO ! E é mesmo!

  • @FaGames_Studio
    @FaGames_Studio 2 года назад +1

    Como sempre, um mar de conhecimento!
    Parabéns!

  • @secklerdaniel
    @secklerdaniel 2 года назад +1

    Na hora certa como sempre! Essa semana precisei colocar um efeito num texto da minha FINTECH...vou fazer agora!
    Valew Renato

  • @diogobarbosa2302
    @diogobarbosa2302 2 года назад +1

    o conteúdo que inspira a criar coisas toda hora

  • @acitizendeveloper
    @acitizendeveloper 2 года назад +2

    Já tinha dificuldade de dormir pensando o que melhorar nos apps...

  • @piracan
    @piracan 2 года назад +2

    Muito bom esse conteudo, vai me ajudar em um novo projeto.

  • @rafael_tg
    @rafael_tg 2 года назад +1

    brabo

  • @luiscostajunior3131
    @luiscostajunior3131 2 года назад +3

    Caramba! Que vídeo incrível! Pena que a gente só pode dar um único like. Merecia uns 10. Só falta você complementar com um guia pra adicionar Javascript no Bubble, Renato. Aí, fica perfeito. 👍🏼

    • @RenatoAsse
      @RenatoAsse  2 года назад

      Luis, nesse módulo que mencionei tem umas 15 horas ensinando a criar plugins Javascript no Bubble: comunidade.semcodar.com.br/aula/javascriptbasico-dm1-ambiente - Javascript - Ambiente, Plugin e Código

  • @edi214589
    @edi214589 2 года назад +1

    Renato e possível criar um vídeo sobre notificação (Browser Push Notifications) ou vc se sabe se existe um outro plugin para essa função? achei esse plugim muito massa, pois vc não precisa de integração nenhuma com qualquer outro serviço ele ja cria a notificação no browser de todo usuário que acessar o aplicativo solicitação para enviar, ai é so vc criar as açoes nos workflows, quando vc criar uma msg ja envia uma notificação push.. Abraço e parabens pelos videos.

    • @RenatoAsse
      @RenatoAsse  2 года назад

      Edi, eu sugiro o Onesignal. Se estiver na Comunidade Sem Codar, mostro aqui: comunidade.semcodar.com.br/aula/plugin-onesignal-notificacoes - Notificações Push Web com OneSignal

  • @paulodelapenna
    @paulodelapenna Год назад +1

    Olá renato, como sempre muito excelentes os seus conteudos. Tenho uma dúvida meu amigo, vc ja usou algum plugin ou alguma estratégia pra melhorar SEO , performance e outras opções como boas praticas pra atender a maioria dos requisitos do Google pra rankear o seu site?

    • @RenatoAsse
      @RenatoAsse  Год назад +1

      Não precisa de plugin. Bubble já tem todos os recursos nativos pra SEO. Se estiver na Comunidade Sem Codar, ensino aqui: comunidade.semcodar.com.br/aula/seo - SEO & Metatags - Otimizando seu aplicativo para busca no Google, Facebook e WhatsApp

  • @igorsena8320
    @igorsena8320 Год назад +1

    renato, vc pode ensinar a criar plugins, eu sei javascript mas nao sei como colocar ali no bubble para criar plugins

    • @RenatoAsse
      @RenatoAsse  Год назад +1

      Igor, já ensinamos. Na Comunidade Sem Codar temos 1 módulo de Javascript, e 2 módulos de criação de plugins: comunidade.semcodar.com.br/aulas?curso=bubble-codigo

    • @igorsena8320
      @igorsena8320 Год назад

      eu ate olhei alguns seus no free do marketplace, somente para entender como funciona, mas vou provavelmente adquirir o seu curso...@@RenatoAsse

  • @Paulo-pv8db
    @Paulo-pv8db 2 года назад +2

    Como fazer para colocar uma função no Bubble, pra quando abrir por exemplo uma Todo List, poder inicializar com o texto "invisível" e de alguma forma poder tornar o texto visível, já com o aplicativo aberto, através de alguma "combinação secreta".... Tipo uma "senha de invisibilidade" por assim dizer... Tem como?

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Denis, pode pegar o parâmetro "senha" na URL e verificar se bate com determinado código, nas condicionais.
      Se estiver na Comunidade Sem Codar, assiste essa aula: comunidade.semcodar.com.br/aula/get-data-page-url - Coletar dados do URL da página (Get data from page URL)

  • @LeandroUbinski
    @LeandroUbinski 2 года назад +2

    Ótima dica como sempre!
    Mas no caso usar ID ficamos limitados, seria mais interessante a utilização de "classe" ou o famoso ponto "." que assim o mesmo estilo pode ser reaproveitado em todo o aplicativo, exemplo os títulos de cada página, com uma classe ".titulos". Teria como carregar externo como é habitualmente usado em páginas e aplicações web (html, php etc)?

    • @marcelo.victor
      @marcelo.victor 2 года назад

      Com Javascript, basta "correr pela página" e pegar todos os elementos com o mesmo ID e adicionar dinamicamente a classe pretendida a esses elementos.

    • @LeandroUbinski
      @LeandroUbinski 2 года назад

      @@marcelo.victor falo sobre classes pro pessoal que não domina JS, já que é uma introdução pra galera

    • @marcelo.victor
      @marcelo.victor 2 года назад

      @@LeandroUbinski ah sim. Você poderia então usar o plugin Classify pra poder adicionar classes no local do ID.

  • @carloscampanela6755
    @carloscampanela6755 2 года назад +1

    Olá Renato, acabei de ver o vídeo no telemóvel e deu-me a sensação que, através do CSS (com ou sem plugin) já é possível ter uma fonte diferente em cada link no seu anterior projeto tipo LinkTree. Algo que, apenas com as configurações genéricas/básicas do Bubble, não é possível.
    É correto o que estou a referir ?
    Abraço

  • @GaloDoidoPLAYER
    @GaloDoidoPLAYER 2 года назад +1

    Renato, com bubble é possível criar um construtor de páginas em html? exemplo: criar uma plataforma parecida com elementor porém todos blocos personalizados seriam em html, o usuário veria o bloco e as opções prontas na sua página de vendas, mas a página dele ficaria toda em html.

    • @RenatoAsse
      @RenatoAsse  2 года назад

      Com algumas limitações, mas é sim. Aqui mostro um exemplo: ruclips.net/video/MqIoufSbsBY/видео.html

  • @thefoxialbunny
    @thefoxialbunny 2 года назад +1

    É possível combinar no code com low code? Seria esse o caso?

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Claro. Bubble, por exemplo, é No-Code, mas quando você quer inserir funcionalidades, você usa código HTML, CSS, JS e Node, então vira low-code.

  • @Italoslot
    @Italoslot 2 года назад +1

    O bubble aguenta muito tráfego , ou precisa ir para a opção paga do bubble ?

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Tenho 9.299 usuários, no plano mais barato do Bubble.
      Não existe limite. Falo mais sobre isso aqui: ruclips.net/video/GmWwULCDcrU/видео.html

  • @gustavokozlovski6433
    @gustavokozlovski6433 2 года назад +1

    É possível criar um plugin para o wordpress com o bubble? Pois existe um mercado gigante onde o pessoal compra plugins, principalmente no marketing digital, obrigado pela resposta!

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Não, pra criar plugins Wordpress, só no código, principalmente PHP.
      Mas com Bubble você consegue criar plugins Bubble: ruclips.net/video/7KGZ-guM6yo/видео.html

  • @felipesouzaaa3576
    @felipesouzaaa3576 2 года назад +2

    Fala Renato,tudo bem? você poderia gravar uma aula na comunidade de como configurar o domínio comprado pelo Google domains? já estou a quase 1 dia tentando configurar e o negócio não vai KKK obg pelo vídeo.

    • @RenatoAsse
      @RenatoAsse  2 года назад

      Felipe, só inserir as chaves A. Mostro nesse vídeo: ruclips.net/video/DqRRmstjc-M/видео.html

    • @felipesouzaaa3576
      @felipesouzaaa3576 2 года назад +1

      @@RenatoAsse vlw Renatão, funcionou direitinho, abraço.

  • @LemaGestão-o1n
    @LemaGestão-o1n Год назад

    Renato, tudo bem? Obrigado pela aula.
    Para eu permitir que meus usuários possam marcar linhas, como um marca texto, eu teria que criar uma ID automática/dinâmica no banco de dados e ela ser extraída toda vez que o usuário acessar?
    Se sim, ai vem outra pergunta: como eu faria para que ele possa marcar só uma linha em um artigo? Ou parte de uma linha ou, quem sabem, apenas uma palavra?
    Sempre grato,

    • @RenatoAsse
      @RenatoAsse  Год назад

      Pra criar uma estrutura dinâmica onde seu usuário possa definir diferentes IDs para um segmento específico de texto, você teria que criar um grupo repetidor apresentando as informações que o usuário gravou. Cada texto do grupo repetidor teria um ID específico, e aí você só ativa a marcação de acordo com algum campo do banco de dados que o usuário tenha pedido para marcar.
      Difícil explicar por aqui, se estiver na Comunidade Sem Codar faz um post lá no grupo e explica melhor o que quer fazer, a gente ajuda a achar a solução :)

  • @profcesarcarvalho
    @profcesarcarvalho 2 года назад +1

    Eita Renatão, posso criar um editor de código simples para programadores iniciantes?

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      César, pra isso a gente usa coisas prontas. Pega, por exemplo, um dos vários plugins editores de código que já tem no marketplace de plugins do Bubble, cola no teu app e tá pronto. Aqui um exemplo criado em Bubble: iridescence.bubbleapps.io/version-test/code-editor?debug_mode=true

  • @Francotujk
    @Francotujk 2 года назад +1

    Renato thank you so much for all the content you make! It is really valuable!
    Have you seen something about flutterflow? (A new platform that is getting a lot of traffic). Have you built something on that? Is possible to make web apps?

    • @RenatoAsse
      @RenatoAsse  2 года назад +2

      Yep, we even have a Minicourse on Flutterflow at Comunidade Sem Codar. It's great to create native apps.
      I like 3 no-code tools:
      - Bubble to create web applications
      - AppGyver to create offline native apps
      - Flutterflow to create online native apps
      I believe by next year Flutterflow will implement offline capabilities, and as soon as it happens I'll probably stop using Appgyver, as Flutterflow will be better in all criteria.
      But about web apps, Flutterflow is still light years behind Bubble. Actually, I don't think Flutterflow will ever reach Bubble, it's simply not their focus.
      Bubble has a native database hosted on Amazon, a native server, it creates serverside actions, API endpoints, it receives webhooks, different SEO-friendly pages, it is built for web apps.
      Flutterflow is not. It's built for native apps.
      Bubble will never be as good as Flutterflow for native apps, and Flutterflow wil never be as food as Bubble for web apps.
      Different tools for differente goals.
      In this video I explain it better: ruclips.net/video/Dfx4DTjFCf8/видео.html

    • @Francotujk
      @Francotujk 2 года назад +1

      @@RenatoAsse Thank you so much for taking your time to answer my question.
      Your answer give me the best approach to know what to do.
      And yes, I thought that flutterflow was very far from bubble.
      Greetings!

  • @NextPrime88
    @NextPrime88 2 года назад +1

    vai sair a versão javascript desse video?

  • @mack921
    @mack921 2 года назад +1

    Muito útil o plugin. Seria interessante o Bubble não jogar esse CSS inline em modo nativo... e também poder atribuir um nome de classe nos elementos, não só de ID...seria muito mais vantajoso.

    • @marcelo.victor
      @marcelo.victor 2 года назад +1

      Creio que seja questão de tempo prp Bubble permitir classes nativamente. Mas enquanto isso, com Javascript, basta "correr pela página" e pegar todos os elementos com o mesmo ID e adicionar dinamicamente a classe pretendida a esses elementos.

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Marcos, dá uma caçada nos plugins de CSS do Bubble que alguns tem a opção de você inserir uma classe.
      E aí você usa o CSS pra estilizar a classe :)

  • @edilsonnunesfernandes929
    @edilsonnunesfernandes929 Год назад +1

    Eu criei uma menu com HTML e CSS, mas não consigo integrar com o Bubble. Também não consegui copiar CSS de menus grátis e colocar no Bubble. Achei um vídeo em inglês muito fraco mostrando as ações no workflow, mas em português nenhum. Existe um vídeo ou uma maneira de fazer a integração?
    O menu eu criei no Visual Studio Code.

  • @thiagopires155
    @thiagopires155 2 года назад +1

    Prato cheio para quem é desenvolvedor front-end que está querendo migrar para Bubble!

  • @RicardoFronza
    @RicardoFronza 2 года назад +5

    Renato, você poderia fazer um vídeo sobre onde fica hospedado o servidor do Bubble? E se um dia eles vão implantar um servidor South America ou no Brasil. Temas relacionados: tempo de latência, otimização de carregamento de páginas, cloudflare para carregamento mais rápido de scripts na página e outros.
    Porque o maior defeito hoje no Bubble (na minha opinião) é o tempo de carregamento das páginas, sempre que crio um app eu tenho que criar apps de páginas únicas (grupos separados como se fossem páginas).
    Obrigado e grande abraço!

    • @RenatoAsse
      @RenatoAsse  2 года назад +2

      Ricardo, já temos um vídeo onde explico isso: ruclips.net/video/2xfcd60Btno/видео.html
      Se estiver na Comunidade Sem Codar, assiste esse vídeo sobre performance e velocidade em aplicativos, vai te ajudar bastante: comunidade.semcodar.com.br/aula/performance-conceitos - Introdução e Conceitos de Performance

    • @RicardoFronza
      @RicardoFronza 2 года назад

      @@RenatoAsse Obrigado Renato! Vi a aula na comunidade Sem Codar, muito bom!

  • @tchumatchbr410
    @tchumatchbr410 2 года назад +2

    Faz um protótipo de site de apostas renato, como seria mais ou menos o funcionamento de um site de apostas

  • @dex397
    @dex397 2 года назад +1

    First

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Primeiro comentário confirmado 🥇

  • @LucasSeabra-tw6ow
    @LucasSeabra-tw6ow 2 года назад +1

    Plugin sensacional!!! A uns meses queria testar o poder do bubble clonando algumas funções dele (dentro dele mesmo) mesmo não entendendo muito de javascript, consegui bastante coisa (familia, peso, borda, background e até ações de hover) adicionando códigos nos options-sets, modificando dinamicamente e depois dando 'Run javascript" no carregamento da página. Mas deixei de lado
    O plugin se encaixa perfeitamente na brincadeira. Existe alguma diferença grande de desempenho entre "run javascript" (além do próprio fluxo de trabalho) e o plugin de css?
    captura de tela: drive.google.com/file/d/1nvmCmf_nPdtuXfQnwq45BFMe9v85DWoL/view?usp=share_link

    • @RenatoAsse
      @RenatoAsse  2 года назад +1

      Lucas, não existe diferença de desempenho não. O que faço aí é exatamente isso: rodo um script pra limpar todos os estilos inline do elemento exceto a ordem dele.