ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンドエンジニアが知っておくべき実践的なWebサイト

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

零下一度
零下一度オリジナル
2017-06-29 11:32:151280ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。