【フロントエンドの必需品】16の実践ツール/Webサイト共有

フロントエンドに欠かせない実用的なツールと Web サイトを 16 個お勧めします。日常業務でより実用的なソフトウェアや Web サイトをいくつかまとめて共有します。これらの Web サイトは、日常業務で使用する可能性が高くなります。良いと思った場合は、「いいね」を押して収集してください

1. GitHub Desktop

初心者にとって、非常に多くの git コマンドを覚えるのは難しいかもしれません。初心者は、はるかに便利な git 視覚化ツールを使用することをお勧めします。

##2. Picture Online Compression

tinypng

は、完全に無料で高圧縮率のオンライン画像圧縮 Web サイトであり、一般的に次の条件を満たすことができます。日々のニーズのほとんどは圧縮画像です。5M を超える画像を圧縮する必要がある場合は、

squoosh の使用を検討してください。この Web サイトは、大きな画像の圧縮と画像圧縮品質のカスタマイズをサポートしています

# 大きな画像の圧縮については、ここをクリックしてください:

squoosh

3.

オンライン コード編集

codePen や

CodeSandbox

などを使用している人が多いと思いますが、Nuggets のコードも非常に使いやすいと思います。非常に便利な Nuggets アカウント

4.

JSON 書式設定

JSON のオンライン書式設定 Web サイトは数多くありますが、基本的には次の条件を満たすことができます。 Json.cn# を使用します ## の理由は、覚えやすいからです (笑)~

フロントエンドを集めた Web サイトもありますエンド ツール

smalldev

も非常に使いやすい

5.

コード生成画像

carbon はクールなコードを生成できますスニペットと画像のエクスポートのサポート

上記のコード スタイルが気に入らない場合は、

ray.so

を使用することもできます。生成されたコード図は次のとおりです。次のように:

6 .

Emoticons

この Web サイトにはたくさんの絵文字があり、直接 CV することができます。自宅にたくさんのブログがあります。

7.

Vector icon-iconfont

Alibaba が立ち上げたフォント アイコン ライブラリでは、ほとんどのアイコンを見つけることができます。アイコン ライブラリ

#8.

css3 アニメーション

日々の開発では、いくつかの CSS アニメーションのニーズに遭遇しますが、1 つまたは 2 つのアニメーション用のライブラリを導入することで得られる効果がそれを上回るように感じることがあります。

css3-animation には、いくつかの一般的なアニメーションが含まれています。エフェクトとスニペット コード。CV を直接使用することもできます

9. カバー テンプレート-canva

記事を書いているときや、カバー写真を自分で作成する必要がある場合があります。canva無料の素材やテンプレートがたくさんあるのでとても便利です

10. High Definition Pictures-UnSplash

海外の高精細画像ダウンロード ウェブサイト。無料でダウンロードできる 4K 高精細画像がたくさんあります。どこでも高精細画像を探す必要はもうありません。

#11.

オンライン描画

日々の仕事でフローチャートやマインドマップなどを描くことがあります。 ProcessOn などを使用することを好む人もいます。個人の好みによって異なります

12. 迅速な導入と Web サイトの構築

フロントエンドは、Web サイトを独自にデプロイする必要がある場合があります。サーバーを自分で購入することもできます。また、surge

のような無料のデプロイ Web サイトもあります。 ##13.

オンラインパフォーマンス評価

pagespeed さまざまな指標に従って、当社の Web サイトの総合的なスコアを取得して、当社の Web サイトがどの分野で機能できるかを知ることができます。まだ最適化されていません

#14.

マルチプラットフォーム テスト

当社の Web サイトはさまざまなデバイスで閲覧する必要があることがよくありますが、携帯電話やブラウザを使用してスクリーンショットに 1 つずつアクセスするのは面倒です。 15. Chrome 拡張機能コンポーネント

一部の学生は、壁を越えて Google アカウントを使用して Google にログインできませんストアから拡張機能をダウンロードし、ミニマリスト プラグイン

Google 拡張機能は壁を通過せずに直接ダウンロードでき、ウェブサイトは中国語なのでとても快適です

##16. オンライン履歴書

履歴書は、仕事を探すときに誰もが使用する必要があるものです。インターネット上には、無料の履歴書テンプレート サイトもたくさんあります。個人的には、見栄えの良い履歴書テンプレートがたくさんあるこの 500D ウェブサイトをお勧めします。非常に便利ですps: このウェブサイトは有料ですが、永久会員の場合は 39.9 で大丈夫です。有効期限を気にする必要はありません。結局のところ、何度でも使用できます (どうしても 39.9 を使いたくない場合は、私に依頼してください)購入してください~)

上記は、日常業務でより実用的ないくつかのツールと Web サイトであり、共有されています。役立つと思われる場合は、次のことを行うことができます。彼らを助けろ。

[関連する推奨事項: Web フロントエンド開発

]

以上が【フロントエンドの必需品】16の実践ツール/Webサイト共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。