[Front-End-Grundlagen] 16 praktische Tools/Website-Sharing

Empfohlen 16 wichtige praktische Front-End-Tools und Websites. Fassen Sie einige praktische Software und Websites für die tägliche Arbeit zusammen. Sie werden diese Websites höchstwahrscheinlich bei Ihrer täglichen Arbeit verwenden.

1 Für Anfänger. Es kann etwas schwierig sein, sich so viele Git-Befehle zu merken. Es wird empfohlen, dass Anfänger Git-Visualisierungstools verwenden, was viel praktischer ist Eine völlig kostenlose Online-Bildkomprimierungs-Website mit hoher Komprimierungsrate kann im Allgemeinen die meisten täglichen Anforderungen an die Komprimierung von Bildern erfüllen, die größer als 5 MB sind. Diese Website unterstützt die Komprimierung großer Bilder und die Anpassung der Bildkomprimierungsqualität .

Klicken Sie hier für große Bildkomprimierung:

squoosh

3.

Online-CodebearbeitungViele Leute verwenden vielleicht codePen

oder

CodeSandbox usw., aber ich denke Nuggets' Code auf Nuggets ist auch sehr einfach zu verwenden, und Sie können ihn sehen, indem Sie sich bei Ihrem Nuggets-Konto anmelden, was sehr praktisch ist Um im Grunde unsere Bedürfnisse zu erfüllen, verwenden Sie

Json

, weil es einfach zu merken ist, haha~

Es gibt auch eine Website mit einer Sammlung von Front-End-Tools

smalldev

, die auch sehr einfach ist zu verwenden5.

Bilder zur Codegenerierung

Carbon Ja Generieren Sie coole Codeausschnitte und unterstützen Sie das Exportieren von Bildern

Wenn Ihnen der obige Codestil nicht gefällt, können Sie auch ray.so verwenden . Das generierte Codediagramm lautet wie folgt:

6.

Emoticons

Diese Website enthält viele Emojis und kann direkt für den Lebenslauf verwendet werden. Viele Blogs im In- und Ausland verwenden die Emoticons 7.

Vector Icon-Iconfont

Font-Icons, die von der Alibaba Library gestartet wurden, Sie können die meisten Icons finden und Sie können die Font-Icon-Bibliothek Ihres eigenen Projekts in Kombination mit dem Projekt anpassen

8 .

css3-animation

In unserer täglichen Entwicklung werden wir auf einige CSS-Animationsbedürfnisse stoßen, aber manchmal scheint es, als ob der Gewinn den Gewinn überwiegt, wenn wir einige Bibliotheken für eine oder zwei Animationen einführen und Snippet-Codes. Verwenden Sie einfach cv direkt

9. Cover-Vorlage-Canva

Wir schreiben Artikel oder müssen manchmal selbst ein paar Cover-Bilder erstellen CanvaEs gibt viele kostenlose Materialien und Vorlagen, die sehr praktisch sind

10

HD Pictures-UnSplash

Eine ausländische Website zum Herunterladen von hochauflösenden Bildern, es gibt viele hochauflösende 4K-Bilder zum kostenlosen Download, Sie müssen nicht mehr überall nach hochauflösenden Bildern suchen

11.

Online-Zeichnung

Tagesarbeit Wir müssen einige Flussdiagramme oder Mindmaps usw. zeichnen.

boardmix

Persönlich finde ich es gut, ProcessOn usw. zu verwenden. Das hängt von der persönlichen Situation ab Präferenz

12.

Schnelle Bereitstellung und Website-Erstellung

Es gibt Front-End-Websites, die wir selbst bereitstellen müssen, und es gibt auch kostenlose Bereitstellungswebsites, z. B.

Anhand verschiedener Indikatoren können wir schlussfolgern, dass unsere Website noch optimiert werden kann 14.

Multi-Plattform-Tests

Unsere Website muss oft die Wirkung auf verschiedenen Geräten überprüfen, aber bei der Verwendung von Mobiltelefonen ist es schwierig, einzeln über den Browser auf die Screenshots zuzugreifen

responsiv Diese Software unterstützt gängige Mobiltelefone. PADs und Computergeräte können auf Ihre Website zugreifen und

15 ​​exportieren.

Minimalistisches Plug-in Sie können die Google-Erweiterung direkt herunterladen, ohne durch die Wand gehen zu müssen, und die Website ist auf Chinesisch, was sich sehr gut anfühlt

16

Online-Lebenslauf

Lebenslauf Das muss jeder nutzen Wenn Sie auf der Suche nach einem Job sind, gibt es im Internet auch viele kostenlose Lebenslaufvorlagen. PS: Diese Website ist sehr praktisch Die dauerhafte Mitgliedschaft kostet 39,9. Es ist in Ordnung, machen Sie sich keine Sorgen über den Ablauf, schließlich habe ich sie mehr als einmal verwendet (wenn Sie 39,9 wirklich nicht ausgeben möchten, können Sie mich bitten, sie zu kaufen~)

Die oben genannten Tools und Websites sind für die tägliche Arbeit praktischer und können mit Ihnen geteilt werden. Wenn Sie der Meinung sind, dass sie für Sie nützlich sind, können Sie sie speichern.

[Verwandte Empfehlungen:

Web-Frontend-Entwicklung]

Das obige ist der detaillierte Inhalt von[Front-End-Grundlagen] 16 praktische Tools/Website-Sharing. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!