Public API
📌 PUBLIC APIS est tout simplement un site référençant un ensemble d’API publiques.
-
-
Resourcecards
📌RESSOURCE CARDS est un site dans la lignée de THE STOCKS 2, regroupant un ensemble de ressources organisées par besoin. Véritable boite à outil du designer.
-
https://www.dimensions.guide/
📌 DIMENSIONS est certainement une des ressources les plus interessantes mis à disposition. Il passe directement dans la catégorie INDISPENSABLE !!
-
CODEPEN : Top100 2018
📌 Petit top 100 bien sympa de Snippets CODEPEN de l’année 2018. Pour passer directement au top 10, ajoutez 10 à la fin de l’url 😉
-
BUNINUX : Sketch Freebies
📌 BUNINUX propose un ensemble de ressources SKETCH gratuitement. Cela peut vous faire gagner du temps si vous avez des objets complexes a réaliser pour vos créa’
-
DIGITAL PSYCHOLOGY
📌 DIGITAL PSYCHOLOGY est une bibliothèque gratuite présentant des principes de psychologie cognitive, exemples à l’appui, pour vous inspirer et améliorer l’ergonomie de vos produits.
-
Board of innovation
📌 Cela s’approche beaucoup d’un de mes ateliers préférés à la manière de J’adore ce genre de carte illustrant bien le besoin fonctionnel spécifique à chaque service !!
-
TIPS : Diagramme de GANTT sous google sheets
J’adore vraiment Google Sheets, et j’ai une tendance a geeker dessus sans voir le temps passé. Je vous partage donc ici une vidéo que j’ai adorée qui vous explique pas à pas comment créer un diagramme de Gantt sous Google Spreadsheets Absolument Génial!
-
SVG porn
📌 SVG PORN est un site référençant les logos de grandes entreprises et services digitaux en vectoriel !! C’est bcp plus convivial que BRANDS OF THE WORLD, mais un peu moins de choix je dois le reconnaitre…
-
UI movement : site d’inspiration
📌 UI MOVEMENT est un site d’inspiration pour toutes les micro-interactions que vous pouvez créer au sein de vos applications. Si vous vous essayer à after-effect / hype / Haiku / etc Cela peut être une bonne base pour reproduire des effets sympas
-
Moshn : Veille motion design
📌 MOSHN est un portail de veille pour le motion design. Si vous chercher de l’inspiration alors c’est le bon endroit. L’ensemble est bien classé et fait bien le job
-
UIfaces
📌 UIFACES est un service gratuit en ligne offrant un ensemble de photos de profils pouir vos créa’. Il a la particularité de fusionné les services Unsplash, Pexels, imdb etc. Le tout pouvant bien évidement être filtré afin de correspondre à vos besoins
-
Lorem Ipsum : 10 alternatives
📌 10 alternatives au LOREM IPSUM. Avec quand même quelques perles, comme un Rick & Morty IPSUM, Obama IPSUM et Nietzsche IPSUM. Si malgré tout vous souhaitiez rester classique et utiliser le corvéable Lorem Ipsum, je ne peux que vous repartager LOREM ISPUM IO : https://loremipsum.io/
-
PIMP MY DRAWING : Librairie vectorielle
📌 PIMP MY DRAWING est une petite librairie sympa d’images vectorielles. Composée pour le moment de personnes / arbres et voitures. Dommage qu’il n’y en ai pas plus, c’est le genre d’illustrations que j’adore utiliser dans mes wireframes.
-
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 🙂
-
Diverse UI : Banque d’image de profil
📌 DIVERSE UI est une banque d’image pour créer des profils utilisateurs. Le service est gratuit et met à disposition un ensemble de photos de profil utilisateurs téléchargeable d’un simple clic. Pratique !! Il y même un plugin sketch, (un peu moins utile depuis que Craft propose la même chose, mais bon…)
-
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 😉
-
XDresources.co
📌 XDRESOURCES est un site proposant un volume intéressant de ressources pour Adobe XD, un peu à la manière de Sketchappsources pour Sketch. XD gagnant progessivement du terrain il est interessant de voir ce qu’il se fait et de disposer de ressources de qualité.
-
DESIGN BASE : Ressources design
📌 DESIGN BASE est un service en ligne regroupant tout le nécessaire pour créatif. Dans la droite lignée de THESTOCK .IM, il référence les ressources tel que les fonts, photos, icons, mockups, etc…
-
Airtable universe
📌 Si comme moi vous faites beaucoup de veille sans pour autant tenir un site web, j’ai peut-être la solution pour vous. AIRTABLE UNIVERSE est un service proposé par Airtable, permettant de partager ses tableaux Airtable contenant vos liens les plus précieux ou tout autre contenu pouvant être hébergé par Airtable. En effet Airtable se met au réseau social et je trouve ça assez malin
-
Interview Scorecard
📌 Le INTERVIEW SCORECARD est une méthode proposée ici pour automatiser les réponses aux différentes questions lors de votre DESIGN SPRINT. Il est vrai qu’il est fastidieux de dépouiller l’ensemble des réponses sur post-its et serait donc préférable de saisir directement l’ensemble dans un questionnaire en ligne. Par le passé j’ai d’ailleurs procédé de la même manière pour automatiser le SYSTEM USABILITY SCORE, ainsi que l’ATTRAKDIFF @victor pineau 😉
-
Solar system explorer / Codepen
📌 Petit Snippet très sympa sur codepen, SOLAR SYSTEM EXPLORER est un petit site très bien réalisé où l’on vous propose de naviguer au sein de notre système solaire, de planète en planète, et d’en obtenir des informations détaillées.
-
Maquette : maquettage 3d par Microsoft
📌 Ah ouai ça, c’est puissant
-
NO MORE GOOGLE
📌 NO MORE GOOGLE est un petit annuaire tout simple, inventoriant les différents services alternatives permettant de se passer de google.
-
THIGA : Product Owner Toolkit
📌 THIGA nous propose ici un toolkit pour Product Owner avec un atelier BUY A FEATURE. Je dois avouer qu’en tant qu’UX designer j’ai bcp utilisé cette méthodologie, avec de jolis billets personnalisés et plastifiés. Bref une méthodologie que j’aile beaucoup et qui est bien plus efficace que certaines autres formes de priorisations comme le Dot Voting, La priorisation sur Axes, etc …
-
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 😉
-
ifonts.xyz
📌 IFONTS est un site proposant des milliers de polices de caractères. Merci Gwendal Gregam pour ce lien 😉
-
The Mine : Jeu Codepen
📌 THE MINE est un jeu d’aventure plateforme entièrement réalisé en CSS
-
HORIZONTAL IMAGE ACCORDION
📌 HORIZONTAL IMAGE ACCORDION est un petit snippet sur CodePen réalisé entièrement en CSS. Pour ceux que cela intéresserait, 13 autres codes d’accordéons sont disponibles sur le lien suivant
-
All The Freestock
📌 ALL THE FREE STOCK est un méta moteur de recherche de ressources.
Vous pourrez ainsi consultés plusieurs sources en même temps, un peu comme sur le modèle de THE STOCKS ( http://thestocks.im/ ) -
Coverr
📌 Je crois avoir déjà écris à propos de COVERR, mais comme c’est un incontournable, je me permet de le re-poster.
-
Apexcharts
📌 APEX CHARTS est une librairie javascript pour les développeurs désirant représenter et animer leur DATA sous différents mode de représentations
-
10 color palettes from the natural world to inspire your creative streak
📌 EXPEDIA nous offre ici un ensemble de palettes de couleurs correspondant à différentes destinations dans le monde. Sympa!
-
DEV EXTREME
📌 DEV EXTREME est un site proposant un ensemble de ressources pour tout type de composant d’interface et ce dans différent langage.
-
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 😉
-
https://tympanus.net/codrops/2018/10/03/multibox-menu/
📌 J’aime beaucoup le concept de MENU MULTIBOX qui fonctionne très bien, même en mobile
-
MOCKUPS Facebook
📌 FACEBOOK met à disposition un kit SKETCH de devices assez bien réalisé.
-
Sneakpeekit
📌 SNEAKPEEKIT propose des templates à imprimer avec différents devices pour vos ateliers papier/crayon. C’est simple et pratique. A garder sous le coude 😉
-
RANDOMUSER
📌 RANDOMUSER est un service simple et efficace proposant un panel de photos de profils utilisateurs, Hommes et Femmes. D’autres services de ce type existent, mais je vous partage celui-ci car j’ai eu un besoin aujourd’hui qui m’a fait tomber sur celui ci …. Je ne sais pas si j’ai besoin de le préciser, mais un simple copier/coller dans sketch suffit 😉
-
DIY Toolkit
📌 DIY TOOLKIT propose un ensemble d’outils méthodologiques, organisés par besoin. Le tout est disponible entre autre en anglais et en français et chaque ressource étant expliqué et téléchargeable… Parfait
-
Design better Business Toolbox
📌 DESIGN BETTER BUSINESS TOOLBOX est un site proposant une série de Canvas très bien réalisés. Organisé selon les objectifs de l’atelier, toutes les ressources sont expliquées et téléchargeables.
-
FREEBIESBUG
📌 FREEBIESBUG est un site proposant des ressources pour vos créa’ PSD, AI, SKETCH, FONTS, etc …
-
UNDRAW
📌 UNDRAW est une bibliothèque vraiment d’illustration en format SVG. C’est vraiment très bien réalisé et l’on peut même changer la couleur dominante directement dans le site. Petit bémol : impossible d’effectuer une recherche, mais avec un peu de patience, on trouve ce que l’on veut.
-
SHARDS DASHBOARD
📌 SHARDS DASHBOARD est un template bootstrap de dashboard et de blogging.
-
Scrollytelling Sticky
📌 Un petit TUTO sympa sur les barres de progression évoluant au gré du scroll sur une page.
-
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.
-
COURS GRATUITS sur l’audit et l’optimisation UX
📌 Kameleoon Academy propose des COURS GRATUITS sur l’audit et l’optimisation UX ainsi que sur l’AB testing.
-
illustrio.com
📌 ILLUSTRIO est une bibliothèque d’icons vraiment bien foutue.
-
RENNER
📌 RENNER est un font libre se présentant comme une alternative à FUTURA.
-
Datumipsum
📌 DATUM IPSUM est un site web pour lequel je ne connais pas encore d’équivalent.
-
Boxicons
📌 BOXICONS est une petite librairie de plus de 350 icônes, vraiment très bien réalisées. Chaque icône peut être téléchargée en SVG, donc éditable 😉
#cmondary -
VIREFLOW
📌 VIREFLOW est un kit wireframe responsive pour Webflow SYLVAIN DORE vu que je sais que tu es fan de webflow 😉
-
Three-dots
📌 THREE DOTS est un petit projet sur Github sympa qui fourni 14 types différents d’animations CSS , des fameux 3 petits points qui vous invite à patienter. Il est amusant de retrouver sur une même base de 3 petits points , différentes conventions de signifiance des codes (Chargement, traitement en cours, écriture en cours, ….)
-
UI Goodies
📌 UIGOODIES est un petit site web comme on les aimes, avec plein de petits freebies bien sympa. A bookmarker 😉
-
ANIMISTA
📌 j’avais déjà écris sur ANIMISTA, mais je crois bien qu’ils viennent d’ajouter de nouvelles animations CSS. Il est possible maintenant d’agir sur une animation du background, de texte en opening, en ending. Toujours aussi simple d’utilisation !
-
Jam-icons
📌 JAM ICONS est une petite library sympa de presque 900 icônes, très simples, efficaces … J’adore
-
Tips pour concevoir une progress bar
📌 Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
-
Shopify UI Kit
📌 SHOPIFY propose en libre accès un UI KIT, ainsi qu’une librairie de composants REACT. Le tout accompagné de logiciels tiers assez intéressants
-
Microsoft Inclusive Design
📌 MICROSOFT mets à disposition un toolkit pour son INCLUSIVE DESIGN. J’adore ce genre de démarche et tout outil méthodologique est intéressant à étudier / tester !
-
Designsystemsrepo.com
📌 DESIGN SYSTEMS REPO est comme son nom l’indique un site répertoriant un ensemble de design-systems mis à disposition sur le web par différentes entreprises : IBM, APPLE, GOOGLE, SALESFORCE, et des dizaines d’autres …
-
Findshot
📌 FINDSHOT est un service proposant des photos libres de droit.
-
Le LOGIN CRITTER
📌 le LOGIN CRITTER :
-
Canvas : Cadrer un brief UX
📌 Après nous avoir proposé un toolkit sur les parcours utilisateurs Raphaël Yharrassarry mets aujourd’hui à disposition un Canvas de Brief.UX J’adore ce genre d’outil !! Merci Raphaël Yharrassarry
-
Sketchize : Mockup a imprimer
📌 SKETCHIZE propose tout type de devices digitaux à imprimer pour vos ateliers / sessions de wireframe papier. Simple, efficace…
-
Sketch symbol links
📌 L’auteur de l’article s’est amusé à détourner le fonctionnement des SYMBOLS dans Sketch afin de créer une table des matières cliquable, et ainsi de naviguer au sein de son fichier Sketch.Malin !
-
TABLER est un dashboard responsive en HTML/CSS
📌 TABLER est un dashboard responsive en HTML/CSS et bien sûr open source 😉 J’aime bcp la réalisation sobre et fonctionnelle de ce dashboard. Je rêverais de savoir/pouvoir pluger ce dashboard sur une base de données GoogleSheet…
-
Duotone
📌 DUOTONE est un service en ligne permettant d’appliquer rapidement des effets duotone sur des image UNSPLASH. ça peut servir 😉
-
Free sketch template for building a meaningful affinity diagram
📌 Merci Geunbae GB Lee pour la création et la mise à disposition de son affinity diagram au format sketch.
-
Personnas et User journey Canvas
📌 Merci à Geunbae GB Lee pour ses templates de Personnas et de Journey Maps. Je partage un article qu’il à rédigé expliquant les motivations derrière ce projets !
-
Reshot : Photos gratuites
📌 RESHOT est une bibliothèque photos gratuites. Elle vient compléter les THESTOCKS, PEXELS, UNSPLASH, STOCKIO, BURST.SHOPIFY , etc ….
-
WEEPEOPLE : font de personnages
📌 En complément de FontAwesome pour les pictos, voici WEEPEOPLE, une font représentant tes personnes dans différentes situations.
-
Journey map templates sketch
📌 Un template Sketch vraiment sympa pour faire un USER JOURNEY MAP. C’est interessant pour ceux qui n’en n’ont jamais fait, et pour confronter la mise en forme que vous avez l’habitude de mettre en oeuvre, pour ceux qui connaisse déjà !
-
ADELE : Annuaire design system
📌 ADELE est un annuaire des Design System de différentes sociétés. Pratique pour pouvoir se situer par rapport à la concurrence, ou simplement Benchmarker différents Design System de grandes enseignes
-
Fontawesome sketch library
📌 Les icons de FontAwesome convertis en Librairy Sketch. Très pratique !!! plus besoin de plugin, et surtout une bonne base à partager et faire évoluer avec son équipe !
-
Orioniconlibrary
📌 ORION est une bibliothèque d’icônes filaires, solides ou colorés, d’une très bonne réalisation homogène.
-
ERGONOME : 2eme GoogleTrends en 2017
📌 Quand ERGONOME est la deuxième définition la plus recherchée sur GoogleFR en 2017.
-
SHORTCUTS DESIGN
📌 SHORTCUTS DESIGN est un site assez sympa qui ambitionne de regrouper les raccourcis claviers de différents outils de design / développement et autres logiciels plus classiques. On apprécie le petit mémo pour créer ses propres raccourcis sur Mac 😉
-
POLY librair 3D par google
📌 POLY est un service google pour tous les designers 3D.
-
XDGURU : Templates Adobe XD
📌 XDGURU proposait déjà des templates pour adobe XD, mais là, il propose même un guide complet pour apprendre à utiliser adobe XD. Vraiment génial.
-
Freelance achievement stickers
📌 Petit moment de détente avec ces créations bien senties de stickers pour Freelance 😀
-
JAMICONS : 422+ icones
📌 JAMICONS est une bibliothèque de 422 icônes vraiment bien réalisés, dont je me sers actuellement pour un projet.
-
First product design system in sketch
📌 Toujours sur le Design System, un très bon article qui reprend la création d’un design system from scratch, avec quelques petits tips pour ne pas se tromper dans la démarche, pratique… Beau travail d’Alexandre Trimoulet
-
🏆 Skills | 📎 Resources | 🗞 Article | 🧩 Tips
STYLEGUIDE Design system sur sketch
📌 STYLEGUIDE complet pour ceux qui ne savent pas par où commencer leur Design system sous Sketch.
-
Hacking tables in sketch
📌 Un très bon article pour créer un tableur sur Sketch avec le fichier éditable disponible sur Sketchappsources
-
WIRES : wireframe kits for Adobe XD
📌 Avec l’arrivé des UI Ressources dans ADOBE XD, ce petit kit pour wireframe Desktop et Mobile tombe à point nommé.
-
Facebook Desktop Kit
📌 FACEBOOK met à disposition différents Kits pour SKETCH
-
Sketch.fordesignrs.com
📌 SKETCH FOR DESIGNRS est un site qui recense les plugins et templates intéressants pour Sketch….
-
Stockio : Photos gratuites
📌 STOCKIO est un service qui va vous permettre de trouver des photos / icones / videos et fonts libres de droit. Une bonne alternative à THESTOCKS http://thestocks.im/
-
OMGicon
📌 OGMICON est un plugin sketch qui va permettre d’ajouter facilement des icones à vos créations.
-
DIYtoolkit
📌 Un nouveau toolkit découvert grâce à Geoffrey Dorne et qui vient compléter la liste
-
Stockmagic
📌 STOCKMAGIC sort enfin de sa phase Beta et est disponible pour tout le monde.
-
RUBIX toolkit
📌 RUBIX – Encore un toolkit très intéressant permettant d’être créatif tout en étant en rupture ! Il rappel par certains aspect la STRATEGIE OBLIQUE …
-
The Stocks : Multi moteur de recherche de ressources
📌 THE STOCKS est un site référençant un ensemble de sites de photos libres de droits / d’icônes / de cinémagraphes / de fonts / etc … Un indispensable !!
-
Freephotos
📌 Je partage ici un ensemble de liens pour trouver des photos libres de droit : si quelqu’un connait d’autres adresses je suis preneur 😉
-
LOGOBOOK
📌 Une bibliothèque de logos pour inspiration
-
Designmodo.com
📌 Une ressource utile
-
Ux cards
📌 UX cards : Une approche UX du design UX
