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

2022年4月11日2023年6月28日

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

【配色お助けサービス】 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/

【定番】 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/

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