25 outils et ressources que vous allez adorer (et dont vous n’avez probablement jamais entendu parler)

Designer ou développeur, vous allez adorer ces outils moins connus

1. UI Garage : Pinterest pour les modèles d’interface utilisateur

Inspiration et modèles d’interface utilisateur triés sur le volet pour les développeurs. Vous pouvez trouver une inspiration de conception spécifique pour le Web, le mobile et la tablette. Vraiment utile pour voir comment les autres ont résolu les problèmes classiques d’interface utilisateur et d’expérience utilisateur.

Site Web : https://uigarage.net/

2. Remove.bg : supprimer l’arrière-plan des photos

Supprimez l’arrière-plan de l’image de n’importe quelle photo, c’est 100% automatique et gratuit. Ils proposent également une API afin que vous puissiez facilement les intégrer dans votre application.

Site Web : https://www.remove.bg/

Vous devez récompenser les délais manqués ou comment la motivation fonctionne vraiment.

Que faites-vous, en tant que manager, lorsqu’un membre de l’équipe ne respecte pas une échéance ?

moyen.com

3. Dégradés de l’interface utilisateur : créez de superbes dégradés

Le blanc et le noir ne sont pas les seuls arrière-plans que vous pouvez utiliser, le saviez-vous ? Je ne l’ai pas fait :-). De jolis dégradés triés sur le volet pour les développeurs et les concepteurs.

Site Web : https://uigradients.com/#Blooker20

3. Edabit.com : Apprenez à coder, avec de la dopamine

Des défis amusants et tout petits pour apprendre progressivement à coder. C’est une véritable pompe à dopamine pour les développeurs débutants ou même confirmés. Vous allez l’adorer.

Site Web : https://edabit.com/

Le codage est obsolète, apprenez les invites de l’IA

Le code n’est qu’un moyen de communication transitoire entre les humains et les machines dans l’histoire de l’informatique, l’avenir du codage est…

moyen.com

4. Coolors.co : Trouvez la palette de couleurs parfaite

Les couleurs ne sont pas limitées au rouge, au vert ou au bleu. Générez ou parcourez de belles palettes de couleurs en quelques secondes.

Site Web : https://coolors.co/

5. Loading.io : chargement d’animations simplifié

Loaders, arrière-plans animés ou textes. Cela prend du temps et fait pleurer les développeurs. Vous n’en avez plus besoin avec loading.io où vous pouvez générer une animation GIF, SVG, CSS ou APNG en quelques secondes.

Site Web : https://loading.io/

6. Devsamples.com : extraits de code

DevSamples est une liste d’exemples de code que vous pouvez copier et coller dans vos projets selon vos besoins. Par exemple, vous trouverez des extraits de code comme celui-ci : Désactivation du remplissage automatique du navigateur sur les champs de saisie de formulaire ou Obtenir une liste unique d’objets basée sur une propriété

Site Web : https://www.devsamples.com/

Questions d’entretien d’une heure pour les développeurs de la pile complète NodeJS.

Suivez ce script pour détecter les meilleurs développeurs NodeJS / React en 1h.

moyen.com

7. Lorempicsum : Générateur d’images d’espace réservé

Arrêtez d’utiliser des photos de chat, vous pouvez faire mieux. Lorempicsum est comme Loremipsum mais pour les photos. Idéal pour utiliser leurs espaces réservés dans votre version de développement des applications.

Site Web : https://picsum.photos/

Comment un seul développeur a réduit les coûts AWS de 90 %, puis a disparu.

C’est Noël et je viens de terminer mon dernier audit d’un client SaaS. Son histoire vaut la peine d’être racontée. C’est une histoire sur…

moyen.com

8. Fontawesome.com : Icônes, icônes et icônes

Des milliers de belles icônes en noir et blanc ou en couleur pour votre application.

Site Web : https://fontawesome.com/

9. Resume.com : générateur de CV professionnel

Créez un CV efficace, élégant et professionnel en quelques clics. L’outil parfait si vous souhaitez améliorer votre travail.

Site Web : https://www.resume.com/

10. Daily.dev : curation des actualités des développeurs

L’une des meilleures plateformes de curation pour les développeurs. Toutes les actualités sur le développement en un seul endroit, disponibles sous forme d’extension Chrome ou d’application mobile. Utilisé par plus de 200 000 développeurs dans le monde.

Site Web : https://daily.dev/

11. Devdocs.io : documentation hors ligne de 100 langages et frameworks

Navigateur de documentation hors ligne (sic !) incroyablement rapide en un seul endroit. Vous pouvez rechercher dans plus de 100 documentations sur les CSS, les API, les serveurs Web, les frameworks et les langages

Site Web : https://devdocs.io/

12. Feathericons.com : icônes open source

Une base de données d’icônes open-source et gratuites.

Site Web : https://feathericons.com/

13. Shortcode.dev : extraits de code

Des centaines d’extraits de code très courts prêts à copier-coller. Comme Github Co-pilot mais trié sur le volet.

Site Web : https://shortcode.dev/

14. Mockuper.net : des maquettes dans la vraie vie

Vous pouvez créer gratuitement de belles maquettes pour intégrer n’importe quelle capture d’écran dans une scène réelle (ordinateurs de bureau, iPads, cadres, voitures…). Un outil parfait pour tout designer!

Site Web : https://mockuper.net/

15. BGJar.com : Arrière-plans SVG

Générateur d’arrière-plan SVG gratuit, pour éviter les arrière-plans de couleur unie ennuyeux sur vos applications et sites.

Site Web : https://bgjar.com/

16. Photopea : Photoshop dans votre navigateur

Besoin de retoucher rapidement une image ? Vous pouvez le faire avec Photopea, comme Photoshop mais gratuit et dans votre navigateur (vous pouvez aussi les intégrer, dans vos applications).

Site Web : https://www.photopea.com/

17. Awesome Python : liste organisée de ressources Python

Une liste organisée de frameworks, bibliothèques, logiciels et ressources Python impressionnants. Inspiré par awesome-php.

Site Web : https://awesome-python.com/

18. CSSreference.io : guide CSS visuel

Apprenez par exemple : cssreference.io est un guide visuel gratuit de CSS. Il présente les propriétés les plus populaires et les explique avec des exemples illustrés et animés.

Site Web : https://cssreference.io/

19. Sidebar.io : 5 articles de design sélectionnés par jour

L’un des bulletins d’information sur le design les mieux organisés. 5 articles, VRAIMENT utiles. Vérifiez-les immédiatement

Site Web : https://sidebar.io/

20. GridbyExample.com : Grilles CSS avec des exemples visuels

Ce site est une collection d’exemples, de vidéos et d’autres informations pour vous aider à apprendre CSS Grid Layout.

Site Web : https://gridbyexample.com/

Pouvez-vous deviner ce célèbre livre à partir d’images DALL-E uniquement ?

Écrivez votre supposition dans les commentaires

moyen.com

21. Heroicons.com : 230 belles icônes SVG

Rien à ajouter, fait par les mecs Tailwind CSS.

Site Web : https://heroicons.com/

22. Compressor.io : Réduisez la taille des fichiers JPEG, PNG et WEBP

Outil très simple pour compresser rapidement la taille de vos images, vous pouvez économiser jusqu’à 90% de l’utilisation de la bande passante de vos sites et applications. Et c’est bon pour la planète aussi.

Site Web : https://compressor.io/

23. Undraw.co : ensemble d’illustrations open source pour votre site MVP

Vous les avez probablement déjà vus quelque part :). La voici : une base de données de centaines d’illustrations SVG où vous pouvez changer les couleurs avant de les télécharger ! Étonnante.

Site Web : https://undraw.co/illustrations

24. Simpleicons.org : plus de 2300 logos SVG de marques populaires

Et bien si vous montrez vos clients sur un site ou dans une présentation, ce site vous fera gagner beaucoup de temps…. si vos clients font partie de ces 2300 marques célèbres.

Site Web : https://simpleicons.org/

25. CSSStats.com : Auditez et analysez n’importe quel CSS

CSS Stats est un outil gratuit et open source utilisé par de nombreuses entreprises et projets. Il est destiné à aider les auteurs CSS à visualiser leurs feuilles de style et à générer de la documentation pour un système de conception.

Site Web : https://cssstats.com/