Webデザイナーなら知っておきたい情報やサービスなどのリンクを集めました

2022年4月11日2025年2月28日

文章関連の知っておきたい情報や便利サービス

【校正用語】イラストで解説！校正記号31種類の使い方
https://kagurazaka-editors.jp/calibration-symbol/
【文章校正】オンライン文章校正支援サービスPRUV（プルーフ）
https://pruv.jp/

デザイン関連の便利サービス

【LPデザインギャラリー】LPの最新デザインまとめ参考サイト LP アーカイブ
https://rdlp.jp/lp-archive/
【バナーデザインギャラリー】おしゃれなバナーまとめ参考サイト BANNER LIBRARY
https://design-library.jp/

色・パターン系

【配色お助けサービス】 Adobe Color
https://color.adobe.com/ja/
【配色お助けサービス】 [ HUE / 360 ] The Color Scheme Application
https://hue360.herokuapp.com/
【黒を混ぜた色を生成】Tint and Shade Generator
https://maketintsandshades.com/
【著作権確認】画像検索ができる
https://search.toreru.jp/

キュレーションサイト（Webデザインの参考に）

【日本国内】レスポンシブサイト　https://responsive-jp.com/
【日本国内】イケサイ　https://www.ikesai.com/
【日本国内】bookma　https://bookma.org/
【日本国内】81web　https://81-web.com/
【海外＆日本】Webサイト制作の参考になる日本のWebデザインリンク集　https://webdesignclip.com/
【海外＆日本】かっこいいサイトがたっぷりmuuuuu　https://muuuuu.org/

画像・素材

【定番】 AdobeStock（有料）　https://stock.adobe.com/jp
【定番】pixta｜日本人画像豊富（有料）　https://pixta.jp/
【フリー素材】PhotoAC / イラストAC（無料は点数制限あり）
　https://www.photo-ac.com/　　https://www.ac-illust.com/
【フリー素材】unsplash　https://unsplash.com/
【フリー素材】ぱくたそ　https://www.pakutaso.com/
【アイコン素材】ICOOON MONO　https://icooon-mono.com/

コーディング関連便利

【ブラウザのサポートチェック】Can I use
https://caniuse.com/
【メタタグ自動生成】Meta Tags
https://metatags.io/
【HTMLタグのルール確認】
HTML5 入れ子チートシート | 吉川ウェブ
https://yoshikawaweb.com/element/
【グラデーション作成でCSSコードまでわかる】CSS Gradient
CSS Gradient – Generator, Maker, and Background
【ドット柄でパターンを作りたい！！】Polka Dot Generator
CSS Polka Dot Generator
セクションの切り替え部分のCSSジェネレーター
https://wweb.dev/resources/css-separator-generator/
【ボタンデザインの参考に！！CSSまでわかる】
CSS buttons, checkboxes, and more!
【ちょっとした動きを実装したいときに役立つ】
動くWebデザインアイディア帳　https://coco-factory.jp/ugokuweb/
【画像圧縮】Squoosh　https://squoosh.app/
【画像圧縮】パンダでおなじみ
TinyPNG – Compress WebP, PNG and JPEG images intelligently
【ダミー画像生成】placehold.jp
https://placehold.jp/

注：Twitterカードバリデーターの提供終了について
【OGP】Twitterカードバリデーター
https://cards-dev.twitter.com/validator
これまでOGPの設定確認に便利だった「Twitterカードバリデーター」ですが、カード検証機能からプレビュー機能が削除されたとX（旧Twitter）より2022年8月に発表されました。現在はツイートの投稿画面でOGPの表示確認を行う必要があります。
詳細については、公式の記事をご確認ください。
公式発表はこちら

ディレクション・SEO関連便利

サイトの過去を調べられる　Internet Archive: Wayback Machine
なにでサイトが構成されているか調べられる　BuiltWith

キーワード系

ラッコキーワード
https://related-keywords.com/
共起語検索ツール
https://neoinspire.net/cooccur/
おむすびキーワードマップ
https://omusubisuggest.appspot.com/
AIテキストマイニング by ユーザーローカル
https://textmining.userlocal.jp/

ランクチェック

【世界中の検索トレンドをチェック】　Google Trends
【ドメインのパワーチェック】パワーランクチェックツール
https://www.ispr.net/tools/power-rank-check

勉強できるサイトやWeb系のイベントを探す

【Adobeが提供するハウツーサイト】　AdobeCreativeStation
【オンライン学習プラットフォーム「SkillsBuild」】
一般会員・無料会員に提供！オンライン学習プラットフォーム「SkillsBuild」利用ガイド | フリーランス協会ニュース
※フリーランスじゃなくても協会の無料会員に登録できるので、その特典でSkillsBuildを利用できる。
【短い時間で効率的に学習】ドットインストール　https://dotinstall.com/
【幅広い分野のイベントが探せる】Peatix　https://peatix.com/
【お手軽な金額で学習】ストアカ　https://www.street-academy.com/