はじめに
個人レベルのWebで使えるサイトをまとめました。
全部無料で使えます。多分商用フリー。
小規模のWeb制作やポートフォリオ作成にどうぞ!
素材
APPLAUNCHPAD
モックアップのジェネレーター。
画像ファイルからいい感じのモックアップを作成してくる。
テンプレートが豊富でおしゃれ。
Dimmy.club
モックアップのジェネレーター。
iPhone、Laptop、Desktop、tabletの種類がある。
ポートフォリオの作成に重宝した。
FRAME
モックアップのジェネレーター。
テンプレートの種類は少ないが登録不要で気軽に使える。
Icon-rainbow
アイコン素材サイト。
png,jpeg,svg,ai,epsあらゆる拡張子に対応している。
種類も豊富で便利。
FLAT ICON DESIGN
フラットデザインに最適なアイコン素材サイト。
png,jpeg,svg,ai,epsあらゆる拡張子に対応している。
unDraw
ハイセンスなイラスト素材サイト。
色を自由に選べるあたりがすごい。
StockSnap
写真素材サイト。
STOCKIO
写真、動画、イラストの素材サイト。
カラーパターン
Paletton.com
一つのカラーコードを選択すると、カラーパレットを作成してくれる。
MATERIAL DESIGN
マテリアルデザインに則ったカラーパレットを作成してくれる。
レイアウトやタイポグラフィまでサンプルがあり多機能。
Khroma
好きな色を50選択するとAIが最適なカラーパレットを提案してくれる。
BRAND MARK
ブランド名や、その説明等を入力するとロゴやカラーパレットを作成してくれる。
UIがいい感じ。
ColorSpace
一つのカラーコードを選択すると、いい感じのグラデーション定義を作成してくれる。
その他
Font-familyメーカー
様々なフォントファミリーを作成してくれる。
有名サイトのフォントファミリーが揃っていたり参考になる。
PageSpeed Insights
ウェブページの読み込み時間を測定してくれる。
読み込みが遅い場合は、ボトルネックも教えてくれる。
Googleが提供している。
Tinypng
画像を圧縮してくれる。
pngとjpegファイルを最適化して圧縮してくれる。