25 sites internet à ne pas manquer en développement front-end, ajoutez-les à vos favoris !

Il existe de nombreux sites Web qui peuvent faciliter le travail des développeurs. Dans cet article, je présenterai 25 sites Web incontournables que je pense que les développeurs doivent visiter.

1. DevDocs

https://devdocs.io/

DevDocs rassemble les API de différents langages, frameworks et bibliothèques sur une seule page Web, et vous pouvez effectuer une recherche directement sur une seule page.

2. ray.so

https://ray.so/

Ce site Web vous permet de générer de très belles captures d'écran d'extraits de code. Il prend en charge le mode sombre et divers préréglages. thème du langage. Vous pouvez également utiliser son extension VSCode.

3. Poet.so

https://poet.so/

Ce site Web peut générer des images basées sur des liens Web provenant de trois sites Web de médias sociaux : Twitter, LinkedIn et Shopify. Et il propose de très beaux styles et thèmes parmi lesquels choisir.

4. roadmap.sh

https://roadmap.sh/

Ce site Web propose des parcours d'apprentissage et du matériel d'apprentissage auxquels les développeurs peuvent se référer, ce qui est utile pour ceux qui souhaitent pour apprendre un certain Très utile pour les débutants dans un domaine technique.

5. LambdaTest

https://www.lambdatest.com/

LambdaTest est une plateforme de test multi-navigateurs basée sur le cloud. Il fournit jusqu'à 2 000 navigateurs, systèmes d'exploitation et appareils différents pour tester votre application. Vous pouvez l'utiliser pour automatiser ou tester manuellement votre application pour détecter les problèmes de compatibilité du navigateur.

6. daily.dev

https://app.daily.dev/

Grâce à daily.dev, vous pouvez trouver d'excellents articles techniques adaptés à une lecture quotidienne. Ce site Web regroupe d'excellents articles techniques sur diverses plateformes. Vous pouvez installer leur plug-in de navigateur pour mettre à jour facilement du contenu technique de haute qualité directement sur votre navigateur.

7.Showwcase

https://www.showwcase.com/

Showwcase est un nouveau média social axé sur les développeurs, la communauté de développement et les développeurs à la recherche d'opportunités d'emploi. Son concept de design ressemble un peu à LinkedIn, mais il se concentre uniquement sur le domaine des développeurs.

8. CSS-TRICKS

https://css-tricks.com/

Vous pouvez apprendre diverses techniques CSS à partir de ce site Web pour vous aider à développer une application Web plus belle.

9. Medusa

https://www.medusajs.com

Medusa est une alternative open source à Shopify. Il peut vous aider à développer rapidement des interfaces de traitement des commandes et de gestion des produits E2E. La clé est que Medusa est gratuite !

10. SMARTMOCKUPS

https://smartmockups.com/

Pourquoi passez-vous encore du temps à apprendre Photoshop ? Smartmockup peut générer des modèles de produits haute résolution directement sur la page Web en fonction des images (matériels du produit) que vous téléchargez (par exemple, affichez vos produits sur des T-shirts, des bouteilles d'eau et des écrans d'ordinateur). Basés sur le navigateur Web, les modèles professionnels de Smartmockup sont en constante augmentation et vous pouvez obtenir des modèles professionnels sans aucune expérience en conception.

11. Code Beauté Outils pour les Webmasters). Mais le problème est que ce type de sites Web contient beaucoup de publicités...

12. overAPI

https://overapi.com/

Pour les développeurs, overAPI est certainement le site Web le plus beau et le plus pratique. Il regroupe les API de la plupart des langages et outils de développement et les présente sous la forme d'un mémo d'une page. Allez le voir ~

13. Responsively

https://responsively.app/

Il s'agit d'un site Web basé sur des projets open source, qui peut afficher les écrans de divers appareils sur en même temps Sur une seule page, vous pouvez développer un site Web réactif très facilement et améliorer considérablement l'efficacité du développement front-end.

14. Color Hunt

https://colorhunt.co/

Un site Web qui permet aux concepteurs et aux développeurs Web de choisir d'excellentes combinaisons de couleurs.

15. Carbon

https://carbon.now.sh/

Comme ray.so, ce site Web offre également la possibilité de générer des images à partir d'extraits de code.

16. Meta Tags

https://metatags.io/

Ce site Web est très important pour les front-ends qui nécessitent un développement international, comme les Google, Facebook ou LinkedIn étrangers, etc. Les réseaux sociaux fournissent une série de balises <meta>标签，当你的网页被检测到对应的<meta>标签时，在这些社交媒体进行分享或者展现你的网页时，会提供额外的能力。这个网站就能够自动生成这些<meta>, et vous pouvez prévisualiser comment elles apparaîtront sur différents réseaux sociaux directement sur la page Web.

17. Profile Pic Maker

https://pfpmaker.com/

En tant que développeur, êtes-vous inquiet pour vos avatars sur divers réseaux sociaux ? Ce site Web peut générer automatiquement un avatar basé sur n'importe quelle image que vous téléchargez. Ces avatars ont été traités par l'IA et générés des arrière-plans, essayez-le ~

18.Dev Tools

https://smalldev.tools

Ce site Web fournit une série d'outils couramment utilisés par les développeurs, tels que l'encodage/transcodage Base64, le formatage du code, la compression d'images et d'autres fonctions. La chose la plus importante est que ce site Web est très rafraîchissant et ne contient aucune publicité !

19. CV.io

https://resume.io/

Ce site Web vous permet de créer des CV de haute qualité. Il vous aidera à créer un CV professionnel en vous fournissant d'excellents modèles. Allez essayer ~

20. CODEPEN

https://codepen.io/

CodePen est une plateforme de développement Web qui permet aux utilisateurs d'écrire du HTML, du CSS et du Front. -des langages finaux tels que JavaScript. Et cela est visible en temps réel, ce qui facilite le dépannage. Les développeurs et les concepteurs peuvent également échanger des échantillons de code avec le reste du monde.

21. Storytale

https://storytale.io/

Storytale est un site Web qui collecte des illustrations pouvant être utilisées à des fins commerciales et personnelles (vous devez ouvrir une adhésion pour télécharger) . Une utilisation raisonnable des illustrations peut enrichir les éléments de votre site Web, ce qui est très utile pour les concepteurs Web et les développeurs front-end.

22.lisez-moi.so

https://readme.so/

Ce site vous permet de créer un projet README très facilement. Utilisez l'éditeur simple fourni par le site Web pour ajouter rapidement les modules dont vous avez besoin dans votre README. Vous pouvez utiliser ce site Web pour créer rapidement une documentation pour votre projet.

23. Peppertype

https://www.peppertype.ai

Peppertype est un site Web qui peut vous aider à produire et concevoir rapidement du contenu. Il analyse votre entreprise, votre marque et votre public cible, puis utilise l'apprentissage automatique et l'IA pour créer du nouveau contenu pour vous.

24. Synthesia

https://www.synthesia.io/

Synthesia vous aide à créer des vidéos basées sur l'IA dans plus de 50 langues. Vous n'avez pas besoin d'une caméra, d'un microphone ou d'un vrai visage pour créer du contenu vidéo. Vous téléchargez simplement votre script et vous obtenez une vidéo en direct IA, parfaite pour les créateurs de vidéos qui ne veulent pas montrer leur visage.

25. Humour de programmeur

https://programmerhumor.io/

Ce site Web propose de nombreuses blagues sur la programmation et les développeurs, vous pouvez les regarder pour vous divertir ~

Adresse originale : https://juejin.cn/post/7077196404422246430

Auteur : Yihui

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !