デザインや実装などで役立ちそうなサイトをまとめてみた
ブックマーク整理をしていたら、いっぱい出てきたのでこの機会にジャンル別にアップすることにしました。
あまり使っていないものもありますが、それも含めて役立つ方もいそうですので、全てピックアップしていきます。
掲載順は整理して出てきた順番に任意にアップしてますので、何か意図があるわけではありません。ご了承ください。
それぞれに対する説明などはたくさんある関係で省略させていただいております。
また素材や画像等の商用利用の可否などは公式サイトでご確認ください。
それではみていきましょう！
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
サンカラム
バナーデザイン
BANNER LIBRARY
Bannnner.com
アプリデザイン
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
以上になります！
めちゃくちゃあって大変でした。中には更新が止まっているものもありそうですが、一応載せておきました。
少しでも皆さんのお役に立てますと幸いです。
