TABLER ICONS
📌 TABLER ICONS est une #librairie d’ #icones au format #SVG entièrement paramétrable.
Vous pourrez en faire varier la taille, l’épaisseur de trait, la couleur parmi les 622 #icons disponibles.
#Resources #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 -
🏆 Skills | 📎 Resources | 🗞 Article | 🧩 Tips
Psychologie cognitive et UX
📌 ARTICLE présentant 5 théories de #psychologie #cognitive intéressante pour l’ #UX Design.
-
DESIGN RESSOURC.ES
📌 DESIGN RESSOURC.ES est une liste d’outils de #design regroupés d’une #librairie en ligne pour aider les designers à progresser et à rechercher de nouveaux outils. Super liste, vraiment très bien fournies
-
LEARN UX : cours vidéos gratuit sur l’ UX
📌 LEARN UX est un site proposant des #cours vidéos gratuit sur l’ #UX. C’est génial !!! Partant des basiques du #DesignThinking, en passant par la conception, le prototypage, etc
-
FEATHER : bibliothèque icônes
📌 FEATHER est une bibliothèque de 280 #icônes dont vous pourrez paramétrer la taille, l’épaisseur et la couleur.
-
FREE MOCKUPS
📌 FEEE MOCKUPS est un ensemble de #mockups pour #photoshop et #sketch, assez divers mais surtout très bien réalisés.
-
LINE ICONS
📌 LINE ICONS est une librairie de + de 500 #cônes gratuites.
(2 000 icônes en version payante). Les #icônes sont disponibles dans les formats #SVG, Web Font, #AI et #React. Interface super claire, si vous chercher un pack homogène et complet, c’est par ici !
#UX #UI #cmondary -
ANIMOCKUP : mockups animés
📌 ANIMOCKUP est un outil permettant de créer gratuitement des #mockups animés en utilisant vos créas. Utilisez-le pour réaliser des vidéos animées afin de présenter vos projets.
-
LIGHTNING DECISION JAM.
📌 Article super sympa sur le LIGHTNING DECISION JAM.
Cette #méthodologie pour permettra d’animer activement vos #réunions de prise de #décision. En un minimum de temps vous saurez quelle direction prendre tout en créant un maximum d’engagement auprès de vos équipes. -
🏆 Skills | 📎 Resources | 🗞 Article | 🧩 Tips
MindMap des Méthodologies UX
📌 ARTICLE super intéressant sur les méthodologies UX agrégé au sein d’une MindMap !!
La map au lien ci dessous :
https://miro.com/app/board/o9J_ktZHnRA=/ -
USE ANIMATIONS : librairie d’icônes animés au format JSON
📌 USE ANIMATIONS est une librairie d’icônes animés au format JSON.
Très pratique pour donner rapidement du feedback à l’utilisateur, sans trop surcharger les devs 😉 #Icons #Animation #Feedback #UI #cmondary -
FLIGHT ICON : bibliothèque d’icons animés
📌 FLIGHT ICON est une bibliothèque d’icons animés.
Disponible en .GIF ou JSON. Elle s’avère très pratique surtout lors de la communication avec les développeurs. -
UNMINUS : musique gratuite en ligne
📌 UNMINUS est une librairie de musique gratuite en ligne. Le UNSPLASH de la musique.
Pratique si vous faites des montages videos.
#Music #Free #cmondary -
EVA COLORS – Palette
📌 EVA COLORS est un outil permettant de créer une palette à partir d’un première couleur de référence.
A conserver dans sa toolbox.
#Colors #Palette #Tools #cmondary -
PALETTTE – Outil de palette de couleurs
📌 PALETTTE est un outil en ligne permettant assez simplement de créer une palette couleur et de l’exporter en JSON, CSS ou HEXA.
-
FAMOUS – Template
📌 FAMOUS propose également des TEMPLATES nommés « magic packs » que vous pouvez réutiliser très facilement
-
IRA DESIGN – Flat design UI kit
📌 IRA DESIGN est une librairie gratuite pour créer vos illustrations flat design.
-
MOBILE ERROR UI KIT
📌 MOBILE ERROR UI KIT est un petit kit .PSD d’écran d’erreur très bien réalisés et contextualisés. La gestion des erreurs est trop souvent négligée lors de la conception !
-
Mobbin : Inspiration iOS
📌 MOBBIN est un outil d’inspiration en ligne qui propose des captures d’écrans de nombreuses applications iOS, version après version. Un must !
-
Blendfull : Librairie vectorielle
📌 BLENDFUL permet de créer des petites illustrations très sympas pour vos présentations.
-
UI bundle
📌 UI BUNDLE est un site proposant un ensemble de freebies allant du UI kit complet au simple jeu d’icones. Le tout au format sketch principalement.
-
DESIGN inspirations
📌 DESIGN INSPIRATIONS est un site se proposant de vous apporter de l’inspiration graphique. Vous pouvez effectuer des recherches avec n’importe quelle croisement de mots clés, mais une fonctionnalité intéressante est également disponible : la recherche par couleur ! Pratique pour voir comment certain on marié certaines couleurs…
-
TYPOGRAPHY RESOURCES
📌 TYPOGRAPHY RESOURCES est un ensemble de ressources pour tous les passionnés de la Typographie.
-
Ikonate
📌 IKONATE est une librairie de pictos que vous pourrez customiser puis exporter au format SVG.
-
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 ??
-
Mockup Huawei Mate X
📌 MOCKUP gratuit pour le Mate X de Huawei. Intéressé de voir quelles vont être vos futures création avec l’arrivée des écrans pliables !!
-
Coidea
📌 NAVIGATION PRINT MEDIA STYLE est un petit snippet vraiment cool. j’aime beaucoup ce genre de menu de navigation 😉
-
Mixkit.co/
📌 MIXKIT est une bibliothèque de videos gratuites à utiliser pour vos projets. Un peu dans la ligné de COVERR, c’est toujours intéressant comme ressource, même si assez difficile de trouver une vidéo collant parfaitement à vos besoins.
-
FIGMA Freebies
📌 FIGMA FREEBIES est comme son nom l’indique un ensemble de ressources gratuites pour Figma. Toujours intéressant d’avoir ce genre de lien dans ses Favoris
-
Myndset
📌 MYNDSET est un jeu de carte permettant de booster votre créativité. Les créateurs lancent un Kickstater le 14 mars. Affaire à suivre.
-
Gradients party
📌 GRADIENTS est un service en ligne proposant des palettes de gradients de couleurs assez sympas, pouvait être téléchargés en CSS 😉
-
BLOB / Codepen
📌 BLOB est un petit Snipet intégrant du WebGL qui reproduit une sphère liquide, Inutile, mais j’adore !
-
AWESOME DESIGN SYSTEMS
📌 AWESOME DESIGN SYSTEMS est une petite page GITHUB qui ne paye pas de mine, mais qui liste les design systems en ligne de grandes enseignes. Pour tous ceux qui s’intéresse au sujet et qui souhaite avoir un petit benchmark rapide 😉
-
LAPA Ninja – Ressources Design
📌 LAPA NINJA propose tout un ensemble de ressources, il référence des Kits, des livres, mais la section qui m’a le plus intéressé se trouve être la partie LEARN, un ensemble de tuto vous guidant dans la maitrise de vos outils !!
-
Grabient
📌 GRABIENT est un outil en ligne offrant une palette de gradients téléchargeable en CSS ou SKETCH. L’outil permet même de les éditer et les personnaliser, et ce, de manière assez intuitive.
-
UI store
📌 UI STORE est un site de ressources en ligne très pratique. Si vous cherchez des Kits gratuits pour Sketch / Illustrator / XD etc alors ce site est à mettre dans vos favoris
-
EVERICONS
📌 EVERICONS est une bibliothèque de plus de 450 icônes qui se mariera très bien avec les gradients proposés par COOLHUE (https://lnkd.in/ei-amF7) 😉
-
EVAicons
https://akveo.github.io/eva-icons/#/ 📌 EVA ICONS est une bibliothèque de pictos pleins et filaires que vous pouvez télécharger en SVG. À intégrer à votre bibliothèque Sketch 😉
-
DESIGN BETTER BUSINESS
📌 DESIGN BETTER BUSINESS est un toolkit gratuit proposant un ensemble de Canvas bien pratiques pour vos ateliers. À utiliser sans modération.
-
Unicons
📌 UNICONS est une librairie de plus de 1000 icones filaires, assez simples, téléchargeable en SVG 😉
-
Sketch-symbols-manager
📌 SKETCH SYMBOLS MANAGER est un plugin vraiment pratique, mais chose rare, il est payant… Il permet de gérer très facilement ses symboles et de les classer par dossiers.
-
Mockup Photos
📌 MOCKUP PHOTOS est un site proposant des mockups assez simples dont une petite collection est gratuite, intéressant 😉
-
Google sheets templates
📌 SHEETS FOR MAKETERS est une bibliothèque de templates Google Sheet très intéressante.
-
COPY CHAR
📌 COPY CHAR est un site proposant un ensemble de caractère spéciaux et emoji à copier / coller. Plus besoin de connaitre les combinaisons de touches pour afficher tel ou tel caractère 😉 ça peut servir…
-
UIgoodies.com : books
📌 UI GOODIES ajoute de nouvelles sections à sa liste de ressources :
– Livres
– illustrations
– UI kits -
REALLY GOOD UX : bonnes pratiques
📌 REALLY GOOD UX est site listant un ensemble de bonnes pratiques en s’appuyant sur des exemples concrets.
-
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 😉
