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.
Conception | Indispensables | 
NoCode | 
Tools
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
Conception | NoCode | Tools
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”.
Conception | NoCode | Tools
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
Plugins | 
Productivity | Tools
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
Conception | NoCode | Tools
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
Conception | NoCode | 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
Productivity | NoCode | Tools
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
Productivity | NoCode | Tools
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
Conception | NoCode | Tools
SWIPE PAGES un outil de création de landing page NoCode.
Conception | 
Article | 
Tips
ARTICLE sur un setup assez intéressant : UXPIN + NETLIFY + FULLSTORY.
Conception | NoCode | Tools
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
Conception | NoCode | Tools
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
Conception | Article | Tools | Tips
ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary
Conception | NoCode | Tools
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
Conception | NoCode | Tools
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
Conception | NoCode | Tools
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
Conception | NoCode | Tools
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.
SHARDS DASHBOARD est un template bootstrap de dashboard et de blogging.
FLAT UI COLOR PICKER est un service tout simple qui propose une trame de couleurs, avec leurs codes HEXA et RVB.
Un petit TUTO sympa sur les barres de progression évoluant au gré du scroll sur une page.
Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
SIMPLE ICONS est exactement ce que son nom indique : un service sobre, et simple permettant de télécharger les logos des plus grands services web au format SVG.
HERO PATTERNS est un site proposant des patterns a utiliser en backgrounds. Le truc sympa c’est la possibilité de configurer ses couleurs et opacité, mais surtout l’export en SVG ou directement en code CSS.
Parce que la frontière entre design et code se fait toujours de plus en plus mince, HADRON est une future application qui semble être prometteuse.
LIGHTWELL est une application permettant de créer des applications interactives pour iPhone et bientôt Android.
Un article sympa sur les bonnes pratiques en UX.
FRAMER a mis à jour son application et renforce une idée qui prend de plus de plus d’ampleur en ce moment Design is code / Code is design.
UX Prototyping Tools
Créer un site web directement depuis Sketch, SANS CODE, ou publier des prototypes responsives
Conception | NoCode | Tools
Créer votre première application mobile sans code
French▼
Resources
