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.
