目次
文章関連の知っておきたい情報や便利サービス
- 【校正用語】イラストで解説！校正記号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/ - 【OGP】Twitterカード バリデーター
https://cards-dev.twitter.com/validator - 【メタタグ自動生成】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/
ディレクション・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/
情報収集
- 【超王道】コリス https://coliss.com/
- 【Google 検索のアルゴリズムの最新情報などSEO のベスト プラクティスを紹介】
検索および SEO ブログ | Google 検索セントラル | Google 検索セントラル ブログ | Google Developers - 【SEO情報】マーケターのよりどころ「ferret」
- 【超王道】Illustrator / Photoshopなど、DTP系情報はオススメ DTP Transit
- 【超王道】最新の表現手法や実装方法など参考になる情報が盛りだくさん
ICS MEDIA – Webデザイナー/フロントエンジニアの必読メディア - 脆弱性対策情報 JVN iPedia
※画像素材は定額制プランのあるサイトを選ぶのがオススメです。
