THUNKABLE : Le développement d’applications mobiles sans code en toute simplicité
📌 THUNKABLE est une plateforme #NoCode pour la création d’applications mobiles natives pour iOS et Android.
📌 THUNKABLE est une plateforme #NoCode pour la création d’applications mobiles natives pour iOS et Android.
📌 QUEST est un outil qui génère des composants React à partir de Figma avec un code propre et extensible. Construisez et développez vos produits plus rapidement que jamais.
📌 OKSO est un service en ligne, gratuit, de whiteboarding, de dessin pour exprimer, saisir et organiser vos pensées et vos idées.
📌 CODEIUM est un plugin qui vous aide à coder, encore une fois grâce à une IA 🥳. Il s’agit d’une alternative gratuite et open-source à GitHub Copilot qui utilise des algorithmes d’apprentissage automatique pour suggérer du code et des fonctions en temps réel.
📌 CHATGPT SIDEBAR est une extension pour Google Chrome qui permet d’utiliser l’IA de ChatGPT comme assistant virtuel pour compléter, expliciter ou traduire le contenu que l’on consulte sur le web.
📌 CODE GPT est une extension VScode qui vient vous assister dans la rédaction et le debug de votre code sur VScode.
📌 TOAST est une extension chrome qui va vous permettre d’enregistrer et de restaurer vos onglets en les organisant par groupes.
📌 MERLIN est une extension chrome alimenté par la magie de l’IA ChatGPT3 depuis n’importe où sur votre chrome via un simple raccourci clavier (Cmd+M sur Mac) ou CTRL+M pour windows)
📌 POSTCARD vous permet de publier un site Web personnel sur votre propre domaine en 5 minutes, sans avoir besoin de connaissances en code ou en conception. Il dispose également d’une newsletter intégrée pour que les gens puissent suivre votre site, et pour que vous puissiez envoyer des mises à jour à votre réseau.
📌 SUPER.SO est un service permettant de créer en moins d’une minute un site Web facile à gérer et esthétique et l’absence de code directement depuis Notion. Tout votre contenu reste dans Notion pour que vous puissiez vous concentrer sur la création pendant que Super s’occupe du reste.
📌 OMNI BOOKMARK est une extension chrome qui vous permet d’optimiser Chrome avec des commandes, des raccourcis à la manière de SPOTLIGHT / ALFRED / RAYCAST / SOL
Avec OMNI, vous pouvez Gérer les onglets, les signets et l’historique de votre navigateur, effectuez toutes sortes d’actions grâce à une interface de commande simple.
📌 MONDAY HERO est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
📌 AuthoredIN est un outil pour prévisualiser et mettre en forme vos articles, et conserver vos brouillons au même endroit, sans jamais quitter LinkedIn.
📌 XNIP est une application pratique de capture d’écran pour macOS qui possède des outils d’annotation d’images. Facile à utiliser.
📌 APPS GEYSER est un service en ligne permettant de générer une application Android au format APK simplement à partir de code HTML.
📌 KHROMA est un service en ligne utilisant l’IA pour apprendre les couleurs que vous aimez et crée des palettes qui vous plaisent et que vous pourrez combiner, rechercher et enregistrer vos préférées.
📌 FOAM est un système personnel de gestion et de partage des connaissances inspiré de ROAM RESEARCH / OBSIDIAN, construit sur Visual Studio Code et GitHub.
📌 BILDR est un builder de sites web, webapp et extensions chrome No-code proposant de la collaboration en temps réel, à la manière de FIGMA.
📌 SOFTR est un service en ligne, freemium, permettant de transformer vos bases de données Airtable en un beau et puissant site web, une application web ou un portail client. Plusieurs templates sont disponibles, mais vous pouvez également commencer à partir de zéro.
📌 STAGE est un outil de conception en ligne permettant de concevoir et de prototyper des prototypes d’applications mobiles. Aucune compétence en conception n’est requise.
📌 CARBON est un service gratuit en ligne permettant de créer et de partager de belles images de votre code source.
📌 PROTOTYPER est un plugin Figma permettant d’injecter directement du code dans vos prototypes figma.
📌 GLASSMORPHISM UI GENERATOR est un outil en ligne permettant de générer le code CSS d’une interface en glassmorphism qui est une nouvelle tendance de conception qui repose principalement sur l’effet de flou d’un élément et d’un arrière-plan.
📌 WHATFIELDS est un outil simple pour créer des docs pour vos API, bases de données, ou tout autre documentation en ligne.
📌 SITELINER est un service en ligne proposant une analyse rapide et efficace de l’ensemble de votre site Web : contenu dupliqué, liens brisés, classement interne des pages, redirections, etc. Il crée également un plan de site au format XML.
📌 KITTY est un émulateur de terminal rapide, riche en fonctionnalités et basé sur le GPU. Le code de Kitty est conçu pour être simple, modulaire et est écrit dans un mélange de C et de Python. Kitty est conçue pour les utilisateurs de claviers et permet d’accéder à toutes ses commandes via le clavier.
📌 IPREVIEW est une application MacOS qui résout le problème de certains fichiers qui ne peuvent pas être prévisualisés dans macOS Finder, Quick Look et surtout Spotlight.
IPREVIEW vous aide à améliorer considérablement l’expérience macOS en fournissant la mise en évidence du code, la prévisualisation du rendu Markdown et Jupyter, la prévisualisation des images Webp et Avif et l’affichage de leur taille, la prise en charge d’une variété de fichiers de modèles 3D et la prévisualisation des animations, la prise en charge du mode sombre, etc.
📌 ZAS EDITOR est un nouvel éditeur de code performant et rapide pour Go et Rust, axé sur la lecture et l’écriture de code. Il est doté de nouvelles fonctionnalités de recherche et de navigation et d’un explorateur de documentation intégré.
📌 Skills Icons est une belle façon de présenter les langages, les frameworks, les outils et autres compétences que vous possédez sur votre readme GitHub, votre CV ou tout autre endroit où vous pouvez intégrer des images !
📌 FIGMA INVOICE est un template figma qui vous permet de gérer vos factures directement dans Figma.
Créez des factures dans Google sheets 🧑💻
Synchronisez avec un le modèle de facture dans Figma ✨
Envoyez à vos clients 💌
📌 PAGECLOUD est un outil de conception de site internet No-Code. Vous pourrez créer gratuitement une page de destination, un portfolio en ligne, une page de liens, et plus encore avec PAGECLOUD Start !
📌 YCODE est une plateforme No-code pour concepteur permettant de transformer vos idées en sites Web et applications un peu à la manière de Webflow.
📌 AUTOCODE est une boîte à outils pour créer des bots, des applications et des sites Web étonnants avec des API. Connectez-vous à Discord, Twitch, Slack et autres applications préférées en quelques minutes.
📌 APPFLOWY est une alternative Open source à Notion: ergonomie similaire, code ouvert, auto-hébergement.
📌 EDITOR X est un outil de création de sites Web qui combine des capacités avancées de conception et de prototypage avec un hébergement Web sécurisé.
Il vous permettra de passer directement de l’idée à la production dans un espace de travail de conception très intuitif.
📌 Le tutorial suivant est composé des éléments suivant :
1 = Installer un serveur Debian grace aux machines virtuelles (VMs) de la freebox
2 = Installer Calibre-web sur votre serveur
3 = Installer Calibre Converter (pour convertir vos ebooks en différents formats)
4 = Lancer calibre-web automatiquement au démarrage de votre serveur (en cas de redémarrage par exemple)
📌 JSON VIEWER PRO est une extension chrome qui améliore l’expérience utilisateur de manipulation de vos fichiers JSON.
En effet JSON VIEWER PRO propose un code formater pour mettre en forme les réponses de vos API de manière structurée, et propose également une vue bien pratique sous forme d’arbre graphique.
📌 FIG est une application MacOS , complétement gratuite, qui ajoute l’autocomplétion à la sauce VSCode dans votre terminal macOS. Vraiment ultra pratique !!
Mon coeur balance entre FIG et FISH ❤️
📌 ITERATION X est un outil en ligne vous permettant d’annoter et de modifier n’importe quel site ou application web de manière collaborative, directement depuis le navigateur chrome.
Plus besoin de perdre du temps et de l’énergie avec des captures d’écran, des appels vidéo et des e-mails et chats interminables. Améliorez n’importe quelle page et partagez le résultat avec votre équipe en quelques secondes ✌️. Avec ITERATION X collaborez et itérez directement sur votre produit.
📌 INITAB est une extension chrome modifiant votre page d’accueil, principalement à destination des développeurs.
📌 FLUTTER FLOW est un outil de conception d’application mobile NoCode.
La derniere version intègre une nouvelle fonctionnalité géniale !! ✨ Du code généré par l’IA. Vous pouvez décrire (en anglais) ce que vous voulez qu’une fonction personnalisée fasse, et voilà que le code apparaît. 🪄
📌 FRONT MATTER est une extension Visual Studio Code qui simplifie le travail et vous permete d’écrire vos articles en markdown.
L’extension vous permet d’obtenir des capacités de système de gestion de contenu (CMS) directement dans Visual Studio Code.
📌 WEBCRATE est un service en ligne, OpenSource, alternative à NOTION.
WEBCRATE vous aide à centraliser, organiser et à partager des liens, des articles et bien d’autres choses provenant du web en un lieu central. Il est OpenSource et peut être facilement auto-hébergé sur votre serveur ou directement sur votre cloud DETA SPACE, que je vous invite d’ailleurs à tester.
📌 OUTSYSTEMS est une application LOW-CODE permettant de créer et déployer rapidement des applications qui évoluent rapidement avec votre entreprise.
📌 GINGERTAG est un outil d’analytics, léger, super rapide et conçu dans un souci de simplicité.
📌 ROWLY est une plateforme OpenSource et low-code pour construire votre base de données.
C’est une alternative à Airtable qui pourra être déployé facilement sur Firebase / Google Cloud Platform.
📌 POWER MODE est une extension VSCode vous permettant de libérer la puissance de votre code ;). L’essayer c’est l’adopter ❤️
📌 DESECH est un outil de conception #Freemium, destiné aux concepteurs et programmeurs web. C’est donc un outil No-Code / Low-Code qui propose un éditeur visuel reprenant les interfaces classiques d’outil de designer, mais également une vue HTML/CSS.
#cmondary
📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary
📌 STACKBLITZ un est éditeur de code basé sur le très célèbre VSCode, mais celui-ci à la particularité d’être accessible directement en ligne, « in-the-browser ».
📌 RETOOL est une application No-Code permettant de créer des applications interne.
📌 GRADIENT KING fournit une énorme collection de dégradés que vous pourrez facilement utiliser, mais également un générateur de gradient assez bien foutu !
📌 TOOLJET est une alternative gratuite et #OpenSource à RETOOL.
📌 CLICK APP est un service gratuit, en ligne, se proposant de vous aider à concevoir et à construire visuellement des interfaces utilisateur complexes à partir de données réelles.
📌 MACCY est un gestionnaire de presse-papiers gratuit, léger et open source pour macOS qui ne fait qu’une seule chose : garder l’historique de vos copier / coller à portée de main.
Rapide et léger MACCY délivrera toute sa puissance grâce à ses raccourcis claviers vous permettant de rechercher et coller rapidement des éléments de votre historique de presse-papiers.
#cmondary #Tools #productivity
📌 MORNIN est une #extension #chrome modifiant l’interface de #GoogleAgenda en vous proposant de comprendre où vous passez votre temps en classant automatiquement vos événements dans Google Agenda et en leur attribuant un code couleur.
#cmondary #tools #plugin #productivity
📌 GRAPHITE est un service #NoCode de création de #SiteWeb 100% gratuit !
GRAPHITE SPACE est un éditeur visuel créé, avant tout, pour les designers. Avec GRAPHITE SPACE, vous pouvez utiliser des calques, un positionnement absolu des élémentes et d’autres outils bien connus des éditeurs graphiques pour concevoir une maquette et obtenir une page Web pixel perfect.
#cmondary #Tools
📌 FLUTTER FLOW est un #outil #Flutter #NoCode pour construire des #applications multiplateformes sans code.
#cmondary #tools
📌 WELOVELINKS est un service en ligne permettant de stocker et de partager des listes de liens.
#cmondary #tools #Links #Productivity
📌 GRID est un service web qui vous permet de transformer vos feuilles de calcul en documents web dynamiques et #interactifs. Super intéressant pour créer un #outil #No-Code ou communiquer avec plus de clarté sur les données de vos feuilles de calcul.
GRID vous permet de tirer parti de vos compétences en matière de feuilles de calcul, quelle soit #Excel ou #GoogleSheets, pour créer des calculateurs, des rapports et des analyses de scénarios intelligents et interactifs.
#cmondary #Tools #Spreadsheet #App
📌 ARCHBEE est un service en ligne, alternative à #notion, permettant de créer facilement des bases de connaissances, des #wikis internes, des sites de documentation, des spécifications fonctionnelles, des diagrammes d’architecture, etc.
#cmondary #tools
📌 STUDIO est un outil de conception « unifié ». Dans les équipes, il y a des applications de conception, des éditeurs de code, des outils de prototypage, des tickets, des guides de style, STUDIO propose un seul outil collaboratif pour l’ensemble.
#Tools #UX #UI #cmondary
📌 SWIPE PAGES un outil de création de landing page NoCode.
📌 ARTICLE sur un setup assez intéressant : UXPIN + NETLIFY + FULLSTORY.
📌 HANDOFF est un nouvel outil de conception qui vous permettra de faire vos créa’ comme vous le feriez avec n’importe quel outil vectoriel traditionnel, Sketch, XD, etc, mais il vous permettra d’exporter vers un code « propre », prêt à l’emploi pour la production.
#tools #cmondary
📌 HERO GENERATOR est un générateur de Hero Header.
C’est un outil No-code qui vous aidera à créer l’en-tête Hero Header idéal sans avoir à écrire le code vous-même. Téléchargez votre image, définissez quelques spécifications pour l’espacement et la couleur, ajoutez un bouton, et téléchargez en le code.
#cmondary
📌 ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary
📌 DRAFTBIT est un outil #NoCode permettant de créer, personnaliser et lancer des #applications #mobiles directement depuis votre navigateur.
L’outil est vraiment complet, il propose de créer un #DesignSystem, la possibilité de collaborer à plusieurs sur le projet, d’y connecter de la #DATA via votre #API #REST ou directement via des plates-formes tierces tel que #AIRTABLE.
Vous aurez accès à code source une fois l’application créé.
#mobileApp #noCode #cmondary
📌 ARTICLE sur les bonnes pratiques concernant le motion design. En effet les micro interactions permettent de sensiblement améliorer l’utilisabilité des produits numériques, mais encore faut il qu’elles correctement réalisées.
L’article propose 12 Principes de conception
📌 SWIPE PAGES est un outil #No-Code permettant de créer, publier et héberger vos landings pages très simplement.
L’outil permet propose également de l’A/B testing, donc si vous avez un petit besoin ponctuel de ce type, cela pourrait grandement vous simplifier la tache.
#tools #ABtesting #LandingPages#cmondary
📌 EXTENDO est un #service en ligne permettant de créer votre propre #extension #chrome, en #NoCode.
L’idée est de permettre à quiconque de concevoir, développer et publier des extensions Chrome sans avoir à écrire de code.
Personnellement, le fait de ne pas savoir coder est une grande frustration pour moi, et j’apprécie tout particulièrement la mouvance NoCode ! Et encore plus lorsque qu’elle va au delà des « simples » Notion, Airtable, Zapier, IFTTT, …
#Cmondary
📌 3D BOOK CSS est un petit service en ligne pour créer des mockups de couverture de bouquin directement en CSS.
Vous pouvez donc appliquer n’importe quelle image en ligne (il faut donner l’URL de l’image, pas d’upload possible) comme couverture de bouquin. Et pour ceux que le code intéresse, il est disponible directement sur le site.
#Code #cmondary
📌 LEANING CARD EFFECT est un petit snippet disponible sur CODEPEN permettant de disposer des éléments types cartes en perspective, comme posé sur un mur.
ça peut servir !! 😉
#Code #cmondary
📌 GLIDE est un service #NoCode basé sur google sheet.
📌 ARTICLE très intéressant sur les barrières qui se créées entre développeur et designer au cours d’un projet.
📌 GET WAVES est un outil online permettant de créer différents types de courbes et de les télécharger au format .SVG ou directement d’en obtenir le code SVG.
📌 CODE GUPPY est un site se proposant d’apprendre le Javascript, aux adultes comme aux enfants via des petits cours sympas et illustrés!
📌 ARTICLE vraiment sympa pour appliquer un filtre DUOTONE directement via le code CSS. Plus d’excuse pour votre équipe de dev 😉
📌 Deux petits code-snippets vraiment cool pour gérer vos cartes de crédits dans vos futurs projets. Le mix des deux serait parfait !! Qui est chaud pour le faire ??
📌 On m’a offert il y a quelques mois une tablette REMARKABLE et c’est vraiment un outil génial !
📌 CREO LABS est un outil, gratuit pendant 1 an, permettant de concevoir des applications mobiles avec des outils proches de ceux que les designers connaissent.
📌 J’adore KITE pour rapidement animer les créas réalisées sous sketch , et maintenant sous XD également. Vraiment beaucoup plus accessible que After Effect (dans tous les sens du terme), Il permet même de générer du code directement intégrable à vos applications. Je ne comprend toujours pas pourquoi Sketch n’intègre pas nativement une timeline + Keyframe
📌 TYPETURA est un script JS permettant de rendre un texte responsive de manière très fluide. L’interface propose ici de jouer avec cet outil et de voir le comportement du texte au regard de différents break points. Le code source est disponible, c’est prêt à l’emploi 🙂
📌 RESPONSIVE SVG IMAGE / Article proposant un bout de code et les explications qui vont avec sur le changement d’une image SVG lors du passage d’un break point. Au final c’est très utile lorsque l’on veut que son logo s’adapte lui aussi au resize du header dans le cas d’un design responsive. Personne ne vous dira plus que ce n’est pas possible 😉
📌 PERSP est un outil en version Alpha proposant lui aussi de supprimer la barrière entre le Design et le Code. L’outil semble bien conçu, permet la création de composant, la publication du site, etc etc… J’ai hate de pouvoir tester.
📌 ANIMATED GRID est un template de mise en page de votre contenu assez sympa, avec un menu dynamique et original. Le code source est disponible, donc je le partage 😉
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
📌 Article intéressant sur la création d’un loader texte full screen. Le code est dispo, prêt a l’emploi.
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l’animation d’un libellé passant de l’intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d’un control de surface indiquant si le champs est OK ou KO 😉
📌 FLOW sort de beta et passe enfin en version 1.
📌 LUNA est un logiciel WYSIWYG pour le data processing.
📌 CSS GRADIENT est un service web permettant de créer des gradients de couleurs linéaires ou radiaux et d’en obtenir le code CSS.