デザインや実装などで役立ちそうなサイトをまとめてみた
ブックマーク整理をしていたら、いっぱい出てきたのでこの機会にジャンル別にアップすることにしました。
あまり使っていないものもありますが、それも含めて役立つ方もいそうですので、全てピックアップしていきます。
掲載順は整理して出てきた順番に任意にアップしてますので、何か意図があるわけではありません。ご了承ください。
それぞれに対する説明などはたくさんある関係で省略させていただいております。
また素材や画像等の商用利用の可否などは公式サイトでご確認ください。
それではみていきましょう!
Webデザイン
S5-Style

codefolio

UI LIBRARY

Parts.

AAA11Y

Check WebTech

81-web.com

Dark Mode Design

ちょうどいいWebデザインギャラリー

1GUU

bookma!

Responsive Web Design JP
Responsive Web Design JP公式サイトはこちら

MUUUUU.ORG

URAGAWA

Footer

サンカラム

404s

バナーデザイン
BANNER LIBRARY

Bannnner.com

Slideland

アプリデザイン
UX-mov

UIデザイン
UI Pocket

ロゴデザイン
ロゴストック

ポスターデザイン
typo/graphic posters

イラスト
イラストAC

いらすとや

いらすとん

ベクタークラブ

TOWN illust

フキダシデザイン

イラサポフリー

Storyset

フォント
モジザイ

画像
AI Stock

Everypixel

PNGWing

Adobe Stock

ぱくたそ

フォトック

フォトスク

Photo Chips

sozaiya.com

BEIZ images

背景素材フリードットコム

フリーテクスチャ素材館

Paper-co

アイコン・シルエット・ピクトグラム
Phosphor Icons

Figicon

icooon-mono

icon-pit

iconmonstr

SILHOUETTE DESIGN

FLAT ICON DESIGN

Human Pictogram 2.0

Vector Icons and Stickers
Vector Icons and Stickers公式サイトはこちら

パターン
Pattern Monster

Bg-patterns

ホームページの背景画像 壁紙 無料

Simple Repeat

フレーム
FRAME Design

素材Good

モックアップ
Mockup World

Unblast

unDraw

ManyPixels

動画・サウンド
Mixkit

キャッチコピー
きゃっこぴ

実装・コーディング
Animista

Min-Max-Value Interpolation
Min-Max-Value Interpolation公式サイトはこちら

Fluid-responsive font-size calculator
Fluid-responsive font-size calculator公式サイトはこちら

cubic-bezier.com

CSS Grid Generator

CSS Gradient

Clippy

Lorem Picsum

codic

イージング関数チートシート

Glass Morphism

Neumorphism.io

ファイル変換
MOV動画をGIFに変換|Adobe Express
MOV動画をGIFに変換|Adobe Express公式サイトはこちら

Squoosh

まとめてWebp変換器

QR Codes Generator

convert Heic to JPEG for free
convert Heic to JPEG for free公式サイトはこちら

確認関連
Wayback Machine

PageSpeed Insights

Markup Validation Service
Markup Validation Service公式サイトはこちら

ご利用環境チェックツール

Statcounter

Can I use

以上になります!
めちゃくちゃあって大変でした。中には更新が止まっているものもありそうですが、一応載せておきました。
少しでも皆さんのお役に立てますと幸いです。