フロントエンドに不可欠な 16 のツールと Web サイトを推奨する

1. GitHub デスクトップ

初心者にとっては、あまりにも多くの git コマンドを覚えるのは難しいかもしれません.初心者は、より便利な git 視覚化ツールを使用することをお勧めします.
ここに画像の説明を挿入

2.画像​​のオンライン圧縮

tinypngは、完全に無料で高圧縮のオンライン画像圧縮 Web サイトであり、通常、ほとんどの日常的な圧縮画像のニーズを満たすことができます.5M を超える画像を圧縮する必要がある場合は、squoosh の使用を検討できます.この Web サイトは、大きな画像圧縮と画像をサポートしています圧縮品質 大きな画像圧縮をカスタマイズするには、
ここに画像の説明を挿入
ここをクリックしてください: squoosh
ここに画像の説明を挿入

3.オンラインコード編集

codePenCodeSandboxなどを使っている方も多いと思いますが、Nuggets on Nuggets コードもとても便利だと思いますし、Nuggets アカウントにログインすると見れるのでとても便利です
ここに画像の説明を挿入

4. JSON フォーマット

JSONをオンラインでフォーマットするウェブサイトはたくさんありますが、基本的に私たちのニーズを満たすことができます. Json.cnを使用する理由は、覚えやすいからです.
ここに画像の説明を挿入

5.コード生成イメージ

carbon はクールなコード スニペットを生成でき、画像のエクスポートをサポートします.
ここに画像の説明を挿入
上記のコード スタイルが気に入らない場合は、ray.soを使用することもできます. 生成されたコード画像は次のとおりです:
ここに画像の説明を挿入

6.絵文字

このWebサイトには多くの絵文字があり、直接cvできます。国内外の多くのブログがこのWebサイトの絵文字を使用しています
ここに画像の説明を挿入

7.ベクター アイコン-アイコンフォント

アリババが立ち上げたフォントアイコンライブラリ。ほとんどのアイコンを見つけることができ、プロジェクトを組み合わせて独自のプロジェクトのフォントアイコンライブラリをカスタマイズできます
ここに画像の説明を挿入

8.css3アニメーション

日々の開発では、いくつかの CSS アニメーションのニーズに遭遇しますが、1 つまたは 2 つのアニメーション用にいくつかのライブラリを導入することを失う価値がない場合もあります. css3-animation には、いくつかの一般的なアニメーション効果が含まれており、フラグメント コードが含まれています
ここに画像の説明を挿入

9.オンライン描画

日常業務では、フローチャートやマインド マップなどを描く必要があります。Boardmix個人的に使い心地が良く、好みによっては ProcessOn などを使用する人もいます。
ここに画像の説明を挿入

10. Chrome 拡張機能

一部の学生は、ウォールを介して Google アカウントにログインして、Google ストアから拡張プログラムをダウンロードできません.ミニマリストのプラグインは、ウォールをバイパスせずに Google 拡張プログラムを直接ダウンロードでき、ウェブサイトは中国語であり、非常に快適です. .
ここに画像の説明を挿入
上記は、より実用的な日常業務を共有するためのものです いくつかのツールや Web サイトは、役に立つと思われる場合は、ブックマークすることができます。

おすすめ

転載: blog.csdn.net/qq_44880095/article/details/128555881