Toolbox

Bienvenue sur la boite à outils

Cette partie regroupe des outils divers et variés. Dans un premier temps, ils seront placés en vrac avec un mot d’explication, par la suite un système de filtre sera mis en place.

Notion complet de ressources

Ressources par Fabien Schlegel : Notion complet et extrèmement bien documenté de diverses ressources (+250) pour les développeurs et designer.

Readme.so

Readme.so : Readme.so est une plateforme en ligne qui permet de créer rapidement et facilement des pages de documentation attractives et professionnelles. Elle est conçue pour simplifier le processus de création de readme et de documentation pour les projets de développement, les API, les bibliothèques, les produits et bien plus encore.

Shortcuts.design

Shortcut.design : Shortcuts.design est un site web qui fournit une collection de raccourcis clavier pour différents logiciels et outils populaires. Il est conçu pour aider les utilisateurs à optimiser leur flux de travail en leur fournissant une liste complète et organisée de raccourcis clavier.

WebCode.tools

WebCode.tools : WebCode.tools est un site web qui offre une variété d’outils et de générateurs pour les développeurs web. Il vise à faciliter le processus de développement en fournissant des fonctionnalités pratiques et des ressources utiles.

Tool finder

Tool Finder : WIP

Ray.so

Ray.so : Ray.so est un service en ligne qui permet de créer des captures d’écran de code avec mise en évidence de la syntaxe et de partager facilement ces captures d’écran. Il est principalement utilisé par les développeurs et les professionnels de la programmation pour présenter et partager du code de manière claire et esthétique.

Carbon

Carbon : Carbon.now.sh est un outil en ligne populaire utilisé par les développeurs pour créer et partager des captures d’écran de code stylisées et esthétiques. C’est une façon pratique de mettre en valeur et de partager du code avec une mise en forme visuellement attrayante.

Free For Dev

Free For Dev : Free for Dev est une ressource en ligne populaire qui répertorie une vaste collection de services et d’outils gratuits destinés aux développeurs, aux startups et aux entrepreneurs. L’objectif principal de cette ressource est de fournir une liste organisée et régulièrement mise à jour d’offres gratuites dans différents domaines technologiques, ce qui peut aider les utilisateurs à économiser des coûts lors du développement de leurs projets.

IT Tools

IT Tools : WIP

Can I Use

Can I Use : Can I use est un site web populaire qui fournit des informations sur la compatibilité des fonctionnalités HTML, CSS et JavaScript dans différents navigateurs web. Son objectif est d’aider les développeurs web à prendre des décisions éclairées lorsqu’ils choisissent d’utiliser certaines fonctionnalités ou technologies dans leurs projets.

Code Combat

Code Combat : CodeCombat est une plateforme d’apprentissage de la programmation axée sur le jeu. Elle offre aux utilisateurs, en particulier aux débutants, une expérience interactive et ludique pour apprendre à coder. CodeCombat propose un large éventail de langages de programmation, y compris JavaScript, Python, Java, C++, et bien d’autres. Cela permet aux utilisateurs d’apprendre la syntaxe et les concepts de programmation dans le langage de leur choix.

Hex Invaders

Hex Invaders : HexInvaders est un jeu en ligne qui combine le jeu classique Space Invaders avec les concepts de couleurs et de codage en utilisant le système hexadécimal. HexInvaders est un excellent moyen d’apprendre et de pratiquer les codes hexadécimaux d’une manière interactive et amusante.

CheckiO

CheckiO : CheckiO est une plateforme d’apprentissage interactive qui propose des défis de programmation basés sur des jeux. Elle offre aux développeurs une opportunité d’améliorer leurs compétences en résolution de problèmes, en algorithmie et en programmation tout en s’amusant. Les défis sont basés sur différents langages de programmation tels que Python, JavaScript, Java, C++ et d’autres.

Responsively.app

Responsively.app : Responsively.app est un outil très pratique pour les développeurs et les testeurs web. Il s’agit d’une application de bureau gratuite qui permet de visualiser et de tester facilement la réactivité d’un site web sur différentes tailles d’écran et résolutions.

Random Quote Generator : Création d’un générateur de citation random en HTML, CSS, JS.

Sketch2Code : Sketch2Code est un projet de recherche et de développement de Microsoft qui explore l’utilisation de l’intelligence artificielle (IA) pour convertir des croquis d’interface utilisateur en code HTML fonctionnel.

frontend-dev-bookmarks

frontend-dev-bookmarks : En résumé, “frontend-dev-bookmarks” est une collection bien organisée de signets regroupant des ressources pour les développeurs front-end. C’est une ressource précieuse pour ceux qui cherchent à approfondir leurs connaissances et à rester à jour dans le domaine du développement web.

Roadmap.sh

Roadmap.sh : En résumé, “roadmap.sh” est un site web qui propose des roadmaps de progression pour différents parcours professionnels liés à la programmation et au développement informatique. C’est une ressource utile pour les développeurs qui cherchent à planifier leur apprentissage et à acquérir les compétences nécessaires pour réussir dans leur carrière.

Awesome Cheatsheets

Awesome Cheatsheets : En résumé, “Awesome Cheatsheets” est un dépôt GitHub qui regroupe une collection de feuilles de triche couvrant différents sujets liés à la programmation, au développement web, aux langages de programmation, aux outils et aux frameworks. C’est une ressource pratique pour accéder rapidement à des informations clés et améliorer l’efficacité dans le domaine de la technologie.

Front-End Checklist

Front-End Checklist : En résumé, “Front-End Checklist” est un dépôt GitHub qui fournit une liste de contrôle complète des bonnes pratiques front-end à suivre lors du développement de sites Web ou d’applications front-end. C’est une ressource précieuse pour les développeurs qui souhaitent s’assurer de respecter les normes de qualité, de performance, de sécurité et de compatibilité lors de leurs projets front-end.

Excalidraw

Excalidraw : Excalidraw est une application web interactive qui permet de créer des dessins et des diagrammes facilement. Il se distingue par sa simplicité d’utilisation et sa flexibilité pour créer des croquis, des schémas, des diagrammes de flux, des wireframes et bien plus encore.

Tldraw

Tldraw : Tldraw est une application web qui permet de créer rapidement des diagrammes de flux, des organigrammes, des diagrammes de processus et d’autres types de schémas visuels. Son interface simple et conviviale en fait un outil pratique pour communiquer des idées et des concepts de manière visuelle.

Draw.io / Diagrams.net

Draw.io / Diagrams.net : En résumé, Diagrams.net est un outil puissant et flexible pour la création de diagrammes et de schémas. Que vous soyez un professionnel, un étudiant ou un passionné de visualisation des données, cette application vous permet de créer facilement des représentations visuelles de vos idées et concepts.

CyberChef

CyberChef : CyberChef est un outil puissant pour le traitement et l’analyse de données. Que vous ayez besoin de manipuler des chaînes de texte, de déchiffrer des messages, de compresser des fichiers ou d’analyser des données, CyberChef offre une grande flexibilité et une large gamme de fonctionnalités.

10 CV Builder par Guillaume

flow.cv : CV Builder

Resume.io : CV Builder

Reactive Resume : CV Builder

ResumeNerd : CV Builder

ResumeLab : CV Builder

Resume Genius : CV Builder

Novoresume : CV Builder

My Perfect Resume : CV Builder

Live Career : CV Builder

Hébergement serverless

Napkin : Napkin est une application en ligne qui permet de créer rapidement des wireframes et des croquis pour des projets de conception web ou d’interface utilisateur. C’est un outil pratique pour visualiser et communiquer des idées de conception de manière rapide et simple, sans nécessiter de compétences avancées en conception graphique.

Github Pages : GitHub Pages est un service proposé par GitHub qui permet de créer et d’héberger des sites web statiques directement depuis un dépôt GitHub. C’est une plateforme populaire utilisée par de nombreux développeurs et projets open source pour partager leurs sites web, documentations, portfolios et autres projets en ligne.

surge : Surge est une plateforme d’hébergement de sites web statiques qui permet de déployer rapidement et facilement des sites web. Elle est principalement utilisée pour les projets de développement web front-end, les prototypes et les sites web personnels.

Heroku : Heroku est une plateforme d’hébergement en tant que service (PaaS) qui permet de déployer, de gérer et de mettre à l’échelle des applications web. Elle est principalement utilisée pour les applications développées en langages de programmation tels que Ruby, Node.js, Python et Java, mais elle prend également en charge d’autres langages.

Vercel : Vercel est une plateforme de déploiement et d’hébergement qui se concentre sur les applications web statiques et les fonctions serverless. Elle offre une expérience de développement sans serveur (serverless) pour les développeurs qui souhaitent déployer rapidement des sites web, des applications frontales et des API.

Serverless : Serverless est un paradigme de développement d’applications dans lequel vous pouvez créer et exécuter des applications sans vous soucier de la gestion de l’infrastructure sous-jacente. Cela signifie que vous pouvez vous concentrer uniquement sur l’écriture du code métier de votre application sans vous préoccuper de la gestion des serveurs, de l’évolutivité, de la mise à l’échelle, de la disponibilité, etc.

Static Forms : StaticForms.xyz est un service qui permet de gérer facilement des formulaires de contact pour les sites web statiques. Il offre une solution simple pour collecter des données à partir de vos visiteurs sans nécessiter un serveur backend ou une infrastructure complexe.

netlify : Netlify est une plateforme de déploiement et d’hébergement de sites web qui simplifie le processus de développement, de déploiement et de gestion des sites web statiques. Elle offre une solution complète pour les développeurs souhaitant héberger leurs sites web de manière rapide, sécurisée et scalable.

Nom de domaine

freenom : En résumé, Freenom est un service d’enregistrement de noms de domaine offrant à la fois des domaines gratuits et abordables. Il convient aux utilisateurs recherchant une solution économique pour obtenir un nom de domaine personnalisé pour leurs sites web ou leurs projets en ligne.

No code

Editor X : Editor X est une plateforme de création de sites web avancée qui offre des fonctionnalités et des outils puissants pour les concepteurs et les développeurs. Il a été développé par Wix, une entreprise bien connue dans le domaine de la création de sites web.

Prohura

Prohura : Prohura est une plateforme en ligne qui offre des services de gestion des données pour les entreprises. Elle se spécialise dans la gestion des données clients, fournisseurs, produits et autres informations cruciales pour les entreprises. La plateforme permet de collecter, organiser, enrichir et gérer les données de manière centralisée.

Digger.dev

Digger.dev : En résumé, Digger.dev est une ressource utile pour les développeurs et les professionnels du web. Que vous ayez besoin d’outils pour le développement, le design, la sécurité ou les performances, vous trouverez probablement des ressources intéressantes sur ce site. Il peut vous faire gagner du temps et vous aider à améliorer votre productivité dans vos projets de développement web.

Learn Anything

Learn Anything : En résumé, Learn Anything est une plateforme qui facilite l’apprentissage et la découverte de nouveaux sujets en regroupant des ressources provenant de différentes sources. Que vous souhaitiez approfondir vos connaissances dans un domaine spécifique ou explorer de nouveaux domaines d’apprentissage, Learn Anything peut vous aider en vous offrant une vue d’ensemble organisée des ressources disponibles.

LambdaTest

LambdaTest : En résumé, LambdaTest est une plateforme de test de compatibilité des navigateurs en ligne qui vous permet de tester votre site web ou votre application sur une large gamme de navigateurs, de systèmes d’exploitation et de périphériques. Cela vous aide à garantir que votre site web fonctionne correctement sur tous les navigateurs populaires et offre une expérience utilisateur cohérente.

Chapril

Chapril : En résumé, chapril est le site web d’une association qui promeut les logiciels libres et ouverts ainsi que la culture du partage des connaissances, offrant des ressources, des actualités et des opportunités d’engagement pour ceux qui partagent ces valeurs.

Code Diff Tool

Code Diff Tool : L’outil Code Diff est pratique pour analyser les modifications de code, effectuer des révisions de code en collaboration avec d’autres développeurs, ou simplement pour comprendre les différences entre deux versions de code. Il peut vous aider à détecter les erreurs, à résoudre les conflits ou à comprendre les améliorations apportées au code.