25 Websites, die Sie bei der Frontend-Entwicklung nicht verpassen sollten, fügen Sie sie zu Ihren Favoriten hinzu!

Es gibt viele Websites, die uns Entwicklern die Arbeit erleichtern können. In diesem Artikel stelle ich 25 Killer-Websites vor, die meiner Meinung nach Entwickler besuchen müssen.

1. DevDocs

https://devdocs.io/

DevDocs vereint die APIs verschiedener Sprachen, Frameworks und Bibliotheken auf einer Webseite, und Sie können direkt auf einer Seite suchen.

2. ray.so

https://ray.so/

Auf dieser Website können Sie sehr schöne Screenshots von Codeausschnitten erstellen Thema Sprache. Sie können auch die VSCode-Erweiterung verwenden.

3. Poet.so

https://poet.so/

Diese Website kann Bilder basierend auf Weblinks von drei Social-Media-Websites generieren: Twitter, LinkedIn und Shopify. Und es stehen sehr schöne Stile und Themen zur Auswahl. 4. roadmap.sh um ein bestimmtes zu lernen Sehr hilfreich für Anfänger in einem technischen Bereich. 5. LambdaTest Es bietet bis zu 2.000 verschiedene Browser, Betriebssysteme und Geräte zum Testen Ihrer Anwendung. Sie können damit Ihre Anwendung automatisieren oder manuell auf Browserkompatibilitätsprobleme testen. 6. daily.dev Diese Website fasst hervorragende technische Artikel auf verschiedenen Plattformen zusammen. Sie können das Browser-Plugin installieren, um hochwertige technische Inhalte einfach direkt in Ihrem Browser zu aktualisieren.

7.Showwcase Das Designkonzept ähnelt ein wenig dem von LinkedIn, konzentriert sich jedoch nur auf den Entwicklerbereich.

8. CSS-TRICKS

https://css-tricks.com/

Auf dieser Website können Sie verschiedene CSS-Techniken erlernen, die Ihnen bei der Entwicklung schönerer Webanwendungen helfen.

9. Medusa

https://www.medusajs.com

Medusa ist eine Open-Source-Shopify-Alternative. Es kann Ihnen dabei helfen, schnell E2E-Auftragsabwicklungs- und Produktmanagementschnittstellen zu entwickeln. Der Schlüssel ist: Medusa ist kostenlos!

10. SMARTMOCKUPS

https://smartmockups.com/

Warum verbringen Sie immer noch Zeit damit, Photoshop zu lernen? Smartmockup kann basierend auf den von Ihnen hochgeladenen Bildern (Produktmaterialien) hochauflösende Produktvorlagen direkt auf der Webseite generieren (z. B. zur Anzeige Ihrer Produkte auf T-Shirts, Wasserflaschen und Computerbildschirmen). Basierend auf dem Webbrowser werden die professionellen Vorlagenmaterialien von Smartmockup ständig erweitert, und Sie können professionelle Vorlagen ohne jegliche Designerfahrung erhalten.

11. Code Beauty Webmaster-Tools). Das Problem ist jedoch, dass diese Art von Websites eine Menge Werbung enthalten...

12. overAPI

https://overapi.com/

Für Entwickler ist overAPI definitiv die schönste und praktischste Website. Es fasst die APIs der meisten Entwicklungssprachen und -tools zusammen und präsentiert sie in Form eines einseitigen Memos. Schauen Sie es sich an~

13. Responsively

https://responsively.app/

Dies ist eine Website, die auf Open-Source-Projekten basiert und die Bildschirme verschiedener Geräte anzeigen kann Gleichzeitig können Sie auf einer Seite sehr bequem eine reaktionsfähige Website entwickeln und die Effizienz der Front-End-Entwicklung erheblich verbessern.

14. Color Hunt

https://colorhunt.co/

Eine Website, auf der Designer und Webentwickler hervorragende Farbschemata auswählen können.

15. Carbon

https://carbon.now.sh/

Wie ray.so bietet auch diese Website die Möglichkeit, Bilder aus Codeausschnitten zu generieren.

16. Meta-Tags

https://metatags.io/

Diese Website ist sehr wichtig für Frontends, die eine internationale Entwicklung erfordern, wie zum Beispiel ausländisches Google, Facebook oder LinkedIn. usw. Soziale Medien bieten eine Reihe von <meta>标签，当你的网页被检测到对应的<meta>标签时，在这些社交媒体进行分享或者展现你的网页时，会提供额外的能力。这个网站就能够自动生成这些<meta>-Tags, und Sie können direkt auf der Webseite eine Vorschau davon anzeigen, wie diese in verschiedenen sozialen Medien angezeigt werden.

17. Profile Pic Maker

https://pfpmaker.com/

Machen Sie sich als Entwickler Sorgen um Ihre Avatare in verschiedenen sozialen Medien? Diese Website kann automatisch einen Avatar basierend auf jedem von Ihnen hochgeladenen Bild generieren. Diese Avatare wurden von KI verarbeitet und Hintergründe generiert. Probieren Sie es aus~

18.Dev Tools

https://smalldev.tools

Diese Website bietet eine Reihe häufig verwendeter Tools von Entwicklern, wie Base64-Kodierung/Transkodierung, Codeformatierung, Bildkomprimierung und andere Funktionen. Das Wichtigste ist, dass diese Website sehr erfrischend ist und keine Werbung enthält!

19. resume.io

https://resume.io/

Auf dieser Website können Sie hochwertige Lebensläufe erstellen. Es hilft Ihnen bei der Erstellung eines professionellen Lebenslaufs, indem es Ihnen hervorragende Vorlagen zur Verfügung stellt. Probieren Sie es aus~

20. CODEPEN

https://codepen.io/

CodePen ist eine webbasierte Entwicklungsplattform, die es Benutzern ermöglicht, HTML, CSS und Front zu schreiben -End-Sprachen wie JavaScript. Und es ist in Echtzeit sichtbar, was die Fehlerbehebung erleichtert. Entwickler und Designer können außerdem Codebeispiele mit dem Rest der Welt austauschen.

21. Storytale

https://storytale.io/

Storytale ist eine Website, die Illustrationen sammelt, die für kommerzielle und persönliche Zwecke verwendet werden können (Sie müssen eine Mitgliedschaft eröffnen). herunterladen) . Der sinnvolle Einsatz von Illustrationen kann Ihre Website-Elemente bereichern, was für Webdesigner und Front-End-Entwickler sehr hilfreich ist.

22. readme.so

https://readme.so/

Auf dieser Website können Sie ganz einfach eine Projekt-README-Datei erstellen. Verwenden Sie den einfachen Editor der Website, um schnell die benötigten Module zu Ihrer README-Datei hinzuzufügen. Auf dieser Website können Sie schnell eine Dokumentation für Ihr Projekt erstellen.

23. Peppertype

https://www.peppertype.ai

Peppertype ist eine Website, die Ihnen bei der schnellen Erstellung und Konzeption von Inhalten helfen kann. Es analysiert Ihr Unternehmen, Ihre Marke und Ihre Zielgruppe und nutzt dann maschinelles Lernen und KI, um neue Inhalte für Sie zu erstellen.

24. Synthesia

https://www.synthesia.io/

Synthesia hilft Ihnen, KI-gestützte Videos in mehr als 50 Sprachen zu erstellen. Zum Erstellen von Videoinhalten benötigen Sie keine Kamera, kein Mikrofon und kein echtes Gesicht. Sie laden einfach Ihr Skript hoch und erhalten ein KI-Live-Video, perfekt für Videokünstler, die ihr Gesicht nicht zeigen möchten. 25. Humor für Programmierer

Originaladresse: https://juejin.cn/post/7077196404422246430

Autor: Yihui

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !