STACKBLITZ : Votre Visual Studio Code en ligne
📌 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 | Créez vos outils internes via une application NOCODE
📌 RETOOL est une application No-Code permettant de créer des applications interne.
GRADIENT KING
📌 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 – Construire et déployer des outils internes en No-Code
📌 TOOLJET est une alternative gratuite et #OpenSource à RETOOL.
CLICK APP : interface rapide en drag ‘n’ drop et données réelles via API
📌 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 : Gestionnaire de presse-papiers pour MacOS
📌 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 : Pimper votre Google Agenda
📌 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 SPACE : Editeur NoCode de siteweb
📌 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 : Application Flutter avec un éditeur NoCode
📌 FLUTTER FLOW est un #outil #Flutter #NoCode pour construire des #applications multiplateformes sans code.
#cmondary #tools
WE LOVE LINKS : Partager plusieurs URL avec un lien
📌 WELOVELINKS est un service en ligne permettant de stocker et de partager des listes de liens.
#cmondary #tools #Links #Productivity
GRID : convertissez vos feuilles de calcul en application web
📌 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 – alternative à NOTION
📌 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 : outil de conception collaboratif
📌 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 PAGE : Creation de Langing Pages facile
📌 SWIPE PAGES un outil de création de landing page NoCode.
Prototype et test avec UXPIN + NETLIFY + FULLSTORY
📌 ARTICLE sur un setup assez intéressant : UXPIN + NETLIFY + FULLSTORY.
Handoff – conception + code
📌 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 : NoCode
📌 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
UX tools ultime ?
📌 ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary
DRAFTBIT : création d’application mobile NoCode
📌 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
MOTION DESIGN : petit guide
📌 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
SwipePages : Landing pages NoCode
📌 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 : Créer vos extension CHROME en NoCode
📌 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
📌 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
📌 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 : no code
📌 GLIDE est un service #NoCode basé sur google sheet.
DESIGN DECISION WORKFLOW !
📌 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 – Courbes .svg
📌 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 – Apprendre le JavaScript
📌 CODE GUPPY est un site se proposant d’apprendre le Javascript, aux adultes comme aux enfants via des petits cours sympas et illustrés!
GSTUDIO
📌 GStudio est un outil pour designer actuellement accessible en version Beta.
Duotone Tips
📌 ARTICLE vraiment sympa pour appliquer un filtre DUOTONE directement via le code CSS. Plus d’excuse pour votre équipe de dev 😉
Snippets cartes bancaires
📌 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 ??
ReMarkable Referral
📌 On m’a offert il y a quelques mois une tablette REMARKABLE et c’est vraiment un outil génial !
Creolabs.com
📌 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.
KITE : Animation HTML
📌 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 : texte responsive
📌 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
📌 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 😉
Galio.io
📌 GALIO est un ressource gratuite de DESIGN + CODE permettant de créer une application mobile simple. Si vous souhaitez partir d’une base sympa je vous invite à y jeter un oeil 😉
Perps : Outil de design / code
📌 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 grids layout
📌 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 😉
Comet
📌 COMET est un plugin WORDPRESS, éditeur de contenu visuel, ne nécessitant aucune connaissance en code. Il vous permettra de personnaliser la mise en page de vos Wordpress plus facilement qu’à l’habitude.
MODULZ : nouvel outil de conception
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
Create a full-screen website pre-loader
📌 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
📌 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 😉
Framer
📌 FRAMER X est sortie et s’annonce vraiment être un outil de référence pour la conception mobile. La barrière entre Design et Code s’amenuise toujours un peu plus et ça fait plaisir.
FLOW : outil d’animation
📌 FLOW sort de beta et passe enfin en version 1.
LUNA data processing
📌 LUNA est un logiciel WYSIWYG pour le data processing.
CSS GRADIENT
📌 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.
Modulz.co
📌 Colm Tuite travaille en ce moment sur un outil appelé MODULZ.
SHARDS DASHBOARD
📌 SHARDS DASHBOARD est un template bootstrap de dashboard et de blogging.
FLAT UI COLOR PICKER
📌 FLAT UI COLOR PICKER est un service tout simple qui propose une trame de couleurs, avec leurs codes HEXA et RVB.
Scrollytelling Sticky
📌 Un petit TUTO sympa sur les barres de progression évoluant au gré du scroll sur une page.
TIMELINE Sketch Plugin
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
Simpleicons
📌 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
📌 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.
Hadron : outil de conception design + code
📌 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.
Keyframes
📌 KEYFRAMES est un petit outil qui remplacement aisément SPIRIT
Fusetools
📌 FUSE est un outil pour créer des applications mobiles, il ambitionne d’unifier prototypage, design, et code.
LIGHTWELL : design to code pour application mobile
📌 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.
📌 Un article sympa sur les bonnes pratiques en UX.
Protoship
📌 UIPAD et TELEPORT sont deux plugins pour Sketch.
Framer.com
📌 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.
All The UX Prototyping Tools Ever
📌 UX Prototyping Tools
⚙️ Plugins | 🛠 Tools | 🧩 Tips
ANIMAAPP, publier des prototypes responsives
📌 Créer un site web directement depuis Sketch, SANS CODE, ou publier des prototypes responsives
IONIC : App mobile NoCode
📌 Créer votre première application mobile sans code
Pixate
📌 Pixate veux rendre le prototypage et la conception d’applications plus accessibles et plus faciles.