Hello 👋
Si tu lis ce numéro depuis ta chaise longue, bravo ! Tu as été plus rapide que moi.
Comme tu le sais, les vacances d’été sont une période parfaite pour déconnecter et prendre plus de temps avec ses proches. La newsletter sera donc en vacances aussi, le temps de prendre quelques couleurs et revenir sous un nouveau format à la rentrée ☀️😎
Merci à toutes celles et ceux qui ont donné leur avis sur son évolution dans l’idée de te délivrer encore plus de contenus et de tips. Je remet le sondage si tu n’avais pas encore répondu (hyper rapide et tu m’aides énormément ❤️) :
une newsletter qui passe Premium avec des tips plus longs
une plateforme de tutos mixant contenu premium et gratuit pour devenir fullstack Bubble
un cours video pour prendre en main Bubble full of tips, à partir de 0
un Elementaire Bootcamp (max 10 pers.) d’une semaine pour découvrir les rouages de Bubble et partir sur les bonnes bases de dev
un Full Bootcamp (max 10 pers.) de plusieurs semaines pour gérer un projet de l’idée à sa diffusion
L’idée serait de te proposer la meilleure formule, au bon prix. Peux-tu me donner ton avis en retour de mail ? 👉 1️⃣2️⃣3️⃣4️⃣5️⃣ ❓ Merci d’avance !
Bel été à toi 😎
L’image de la semaine
C’est assez fréquent dans le développement code, mais ça arrive aussi dans le nocode.
Si tu es freelance, je t’invite à faire attention quand tu prends une mission afin de ne pas te retrouver en difficulté avec des features plus difficiles à dev que tu ne pensais, voire carrément irréalisables.
Concrètement, définis bien avec le client les fonctionnalités qu’il souhaite voir et préviens-le que la réalisation pourra varier légèrement. Si tu vois une potentielle difficulté, développe là de façon minimale pour vérifier qu’elle est faisable avant de la confirmer pour le client.
Bon développement 🤓
Les tips Bubble
Petit texte devient gradient
Tu rêves d’appliquer à ton texte un effet de dégradé pour lui donner une touche de modernité ? C’est hélas impossible par défaut sous Bubble (sans ajout de JS bien sûr).
👉 la solution : https://www.stuffbydavid.com/textcolorizer
Tu n’as qu’à récupérer ensuite texte formaté en BBcode pour le coller directement dans l’élément texte de Bubble.
[color=#FF0000]H[/color][color=#EC0012]e[/color][color=#DA0024]l[/color][color=#C80036]l[/color][color=#B60048]o[/color] [color=#91006D]B[/color][color=#7F007F]u[/color][color=#6D0091]b[/color][color=#5B00A3]b[/color][color=#4800B6]l[/color][color=#3600C8]e[/color] [color=#1200EC]![/color]
Zoom sur l’input
Si tu as des inputs avec une police de texte inférieure à 16, tu as remarqué que iOS zoomait lorsque tu cliquais dedans. C’est assez désagréable car il faut ensuite dézoomer pour continuer ta navigation, ce qui devient très handicapant dans une zone de formulaire par ex...
Pour éviter ça, choisis une police supérieure ou égale à 16 dans tes inputs. Facile.
Nouvel onglet, sans lien
La dernière fois, nous avons vu qu’il fallait utiliser un élément Link pour avoir l’option “ouvrir le lien dans un nouvel onglet”.
Aujourd’hui, je te montre comment faire avec un workflow grâce au plugin Toolbox.
Une fois Toolbox installé, crées l’action Run script dans ton workflow, puis insère le code suivant en remplaçant site.com par l’adresse que tu souhaites ouvrir. Celle-ci peut bien sûr être dynamique :
window.open('https://www.site.com','_blank')
Le mini-tuto : gérer les états vides
Dans chacune de tes applications, tu seras amené à gérer les états vides de données : le repeating group n’a rien à afficher, la recherche ne renvoie rien, etc.
Pour t’aider à meubler intelligemment ces espaces temporairement vides, @web.talk nous livre quelques conseils :
Guide l’utilisateur
Ne laisses pas ton utilisateur livré à lui-même : donnes-lui le conseil qui lui permettra de savoir comment démarrer.
Suggères des alternatives
Si la recherche de ton utilisateur ne renvoies pas de résultats, proposes-lui du contenu similaire pour qu’il ne se retrouve pas sans rien.
Proposes du contenu de démarrage
Grâce à des fichiers ou actions d’exemple, ton utilisateur prend en main l’application plus rapidement.
Rajoutes un peu de personnalité
Tu peux mettre un peu de chaleur dans ces espaces grâce à des petites touches amicales, sans oublier que tu es aussi là pour aider ton utilisateur dans sa quête (le but ce n’est pas non plus d’en faire une application kikoolol).
Illustre ces états
Avec des images ou icônes simples, tu peux meubler efficacement ces espaces et éviter une page blanche toute moche.
L’inspiration Bureau
Cette semaine, @KatieTo nous inspire avec son dashboard :
➕ des tons pastels très agréables, des indicateurs clairs et basiques bien présentés, un menu latéral discret
➖ le libellé des menus aurait été intéressant car les icônes ne sont pas toujours explicites
L’inspiration Mobile
Pour changer des applications de nourriture, j’ai trouvé cette application de méditation pensée par @AdarshGo qui combine du contenu et un player audio :
➕ des couleurs complémentaires et reposantes, des visuels très épurées parfaits pour ce type d’app, des features minimales et efficaces
➖ le logo de la marque serait intéressant à laisser pour que l’utilisateur le mémorise, un menu plus clair permettrait de connaitre l’arborescence de l’app
Bonnes vacances !
Ça y est, j’arrête de t’embêter, tu peux déconnecter et profiter de tes vacances.
D’ailleurs, c’est pas impossible que je donne des news cet été. 2 mois sans Bubble, c’est vraiment trop long !
A très vite
Charles
Formateur Bubble