#3 Bubble Makers: Usa el teclado para crear web apps mucho más rápido
Hola! Bienvenidos a la tercera edición de Bubble Makers.
Este correo incluye:
Consejos para principiantes de Bubble
Consejos para makers más experimentados en Bubble
Una aplicación creada con Bubble
Un tweet relacionado con no-code que haya encontrado inspirador o útil.
Si no tienes 5 minutos, te recomiendo que vayas directamente a la sección que más te interese. ¡Empezamos!
La Burbuja de Principiantes
Si estás empezando en el mundo de Bubble, pronto te darás cuenta de que una de las principales cosas que haces al crear una app es… copiar y pegar. Títulos, inputs, botones…
Espero que no se te ocurra utilizar el botón derecho del ratón y ya estés usando CTRL+C, CTRL+V, pero puedes agilizar más tu trabajo, duplicando elementos con CTRL+D. Combina esto con CTRL+G para agrupar elementos y muy pronto habrás completado las primeras páginas de tu app manteniendo un diseño consistente.
La Burbuja de los Makers
Además de estas dos simples combinaciones de teclas, existen otras que pueden serte muy útiles. Esta es la lista completa:
En negrita están los que a mí me parecen más utiles. Combina la lista con esta extensión de Chrome y pasarás a crear mucho más rápido. Los shortcuts más útiles que añade la extensión son Alinear elementos a la izquierda / derecha / arriba / abajo y Centrar horizontalmente / verticalmente, que son acciones que yo personalmente ejecuto constantemente.
Bubble App de la Semana
La app de la semana es Escape the City, un portal de empleo para empresas que cumplan al menos 2 condiciones que ellos definen así:
Impacto social o medioambiental.
Producto innovador.
Cultura centrada en las personas.
Trabajo en remoto o en una localización exótica.
Pequeña (<50 personas) y singular.
Aunque se ve que es todavía una página en construcción, es un buen ejemplo de cómo utilizar custom states para mostrar y ocultar elementos en la página. Además, tienen una calculadora simple y una sección de FAQ que puede servir de inspiración si buscas construir algo similar.
Dominic Jackman, el fundador, explica que la migración a Bubble fue un largo proceso que llevo casi 18 meses… pero mereció la pena.
Tweet de la Semana
Esta semana comparto un hilo de James More, uno de los dos fundadores de Buildcamp, en el que explica cómo ha creado una landing page recientemente, para su propia guía de diseño. Una gran acción de marketing que realmente vende el producto enseñándote su resultado.
El hilo está en inglés pero se entiende bien. El proceso que él ha seguido, resumido, es el siguiente:
Empezar con una página vacía con tamaño 960px.
Crear unos pocos estilos para los botones, textos, grupos, etc.
Estructurar la página en secciones, sin rellenarlas todavía.
Rellenarlas con contenido preliminar (“lorem ipsum…”)
Crear imágenes con Photoshop (esto es clave y es lo que hace que su página realmente resalte)
Rellenar las secciones con el contenido real y ajustar alturas.
Elegir imágenes como fondo de los grupos.
Crear un header transparente con un condicional que lo hace blanco tras un scroll.
Incluir sombras y otros detalles menores.
Animar un floating group a la izquierda para recordarte que puedes comprar su guía.
Da gusto ver que se puede crear una página bonita utilizando Bubble. No es Webflow, requiere más esfuerzo, pero hay esperanza.
Espero que te haya gustado esta newsletter tanto como a mí escribirla y compartir un poco de lo que he aprendido hasta ahora.
Si quieres charlar sobre alguna de estas preguntas, puedes escribirme en Twitter o contestar a este email. ¡Gracias por leerme!