フロントエンドエンジニアが知っておくべき実践的なWebサイト

1. カラーマッチング Web サイト

http://colorhunt.co

この Web サイトでは、直接使用できる多くの配色が提供されます。使用方法も非常に簡単で、対応する色にマウスを移動すると、その色の 16 進コードがツールにコピーされるので、それを使用できます。

180 のグラデーション スキームから選択でき、CSS スタイルを直接コピーして Web ページに適用することもできます

これは Adob​​e からのものです。多くの配色を提供します。ディスクの中央の点をクリックして、必要な配色を調整します。

既存の写真の配色を抽出するツールです。写真をアップロードするときに、写真の色を抽出して使用するのに役立ちます。

このサイトはWEB向けに制作されており、開発時によく使われる安全な色を使用しております。 Web サイトには色の 16 進数コードと RGB コードがリストされているので、コピーして貼り付けるだけです。

これは、オンラインのRGBおよび16進カラーコード変換ツールです。対応する位置に 16 進コードを入力し、[変換] をクリックすると、RGB カラー コードを取得できます。

2. アイコン Web サイト

これは、Alibaba のアイコン ライブラリ Web サイトです。キーワードを直接検索すると、多数のアイコンを見つけることができます。アイコンをダウンロードするときは、色、サイズ、形式を選択し、必要に応じてダウンロードすることもできます。

これも非常に有名なアイコンライブラリですが、上記のものとの違いは、ここのアイコンが単色ではなく、デザインされた色であることです。アイコンのダウンロードも非常に簡単で、対応するアイコンの上にある形式をクリックするだけです。

Font Awesome は豊富なベクター フォント アイコンを提供します。すべてのアイコンのサイズ、色、影は CSS を通じて任意に制御できます。

3. プラグインウェブサイト

このウェブサイトは、jQuery プラグインを共有し、さまざまな jQuery 特殊効果、オンライン プレビュー、jQuery プラグインの詳細な使用方法を提供しますダウンロードとチュートリアル

この Web サイトは前の Web サイトと似ており、多数の jQuery プラグインも提供しています

これは強力なモジュラーフロントエンドフレームワークです

H-ui フロントエンドフレームワーク、軽量フロントエンドフレームワーク、シンプルで無料、互換性が高く、中国語のウェブサイトを提供します。

4.素材サイト

Qianku.com、写真素材を無料でダウンロードできるサイト

無料で高品質を共有するため写真ウェブサイト 、写真の解像度は非常に大きく、ほとんどの写真は風景や静物です。

5. フォント Web サイト

フォントのダウンロードを必要とせず、オンラインでフォントを直接引用できる Web サイトであるフォント ライブラリがあります。

PS フォント ライブラリには、ほぼすべての種類のフォントが含まれており、ダウンロードしてインストールすると、PS で使用できるようになります。

6. ツール

http://tool.lu/

多数のオンラインツールを含むオンラインツールWebサイト

便利で簡単-使えるUIデザインツール集

バッチで使えるオンライン画像圧縮ツール

各種フロントエンドツールや技術記事

以上がフロントエンドエンジニアが知っておくべき実践的なWebサイトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。