Webサイト制作時のおすすめサイト

■タスク管理
Trello


ソースコード管理
The world’s leading software development platform · GitHub
Bitbucket | The Git solution for professional teams


■ローディングgif画像
ローディングアニメーションgif集 画像フリー素材|無料素材倶楽部
そのまますぐ使える!ローディングGIF画像と便利な作成ツール21選|ferret [フェレット]


■gif画像を圧縮
オンラインでGIFとアニメーションGIFを圧縮
GIFアニメの容量圧縮はOnline GIF optimizerが最適!


■デスクトップの様子をgif画像にする
GifCam 2.0 - ダウンロード


■文字の音声読み上げ
テキスト→音声 変換(読み上げ)【無料】


■画像を透過させる
WEBブラウザ上で簡単に透過PNG画像を作成できるツール - PEKO STEP


■イラスト/画像
かわいいフリー素材集 いらすとや
Public Domain Pictures - Free Stock Photos


■絵文字
http://emojione.com/


■フォント
フォントフリー - 無料の日本語フリーフォント投稿サイト


faviconを作る
Favicon Generator


CSS
Can I use... Support tables for HTML5, CSS3, etc
・各ブラウザがサポートしているのかを一覧で表示してくれるサイト。
セレクタの種類-CSSの基本
CSSセレクタの一覧。
CSS三角形作成ツール
CSSで三角形を作ることができる
Adobe Color CC
・Webサイトの色の相性をお手本一覧。


■フォント制作
Calligraphr - Draw your own fonts.


■Bootstrapのカスタマイズ
http://bootstrapbay.com/bootstrap4/


■アイコン
Font Awesome


■色の作成
Color Picker
・3本のシークバーを動かして、色を作ることができます。

イメージカラーピッカー | 画像から色(カラーコード)を抽出
・ウェブサイトから、ある部分の色のカラーコードを知りたい場合、それをスクリーンショットで画像化して、アップして色を調べることができます。