Self study
- Codejump 作って学ぶコーディング学習サイト
- Adobe Dreamweaver を学ぶ
- W3school
（HTML、CSS、JavaScript、PHPなどの学習 ※英語のみ） - Progate プログラミングで人生の可能性を広げよう （一部無料）
- ドットインストール 3分動画でマスター出来るプログラミング学習サービス （一部無料）
- MDN Web Docs（HTML、CSS、JavaScriptなどのドキュメント）
- CSS3 Generator
（CSS3プロパティを生成するジェネレーター） - 自主制作が捗る！デザインお題をまとめてみた
- The Bézier Game （ベジェ曲線の練習ゲーム）
- Kern Type （カーニング[文字間隔調整]ゲーム）
- e-typing （タイピングゲーム）
- HTML5 タグ★チートシート（pdf）
- The ultimate HTML cheatsheet (HTML チートシート英・中)
- HTML5 入れ子チートシート
CheckTools
- Google PageSpeed Insights
- W3C CSS 検証サービス – CSS Validation Service
- W3C Markup Validation Service (HTML)
- Dirty Markup (HTML CSS JS)
- Adobe Color （アクセシビリティチェック/カラーパレット）
- MDN Web Docs (cssのプロパティ：値の動作確認)
- OGP画像シミュレーター
- difff《ﾃﾞｭﾌﾌ》（２種類のテキスト比較ツール）
- HTML5バリデーター
add-on
◇Google Chrome
◇VScode (Visual Studio Code)
- Japanese Language Pack for VS Code ◎
- Live Server ◎
- Prettier – Code formatter HTMLとCSSのコードを整える
- vscode-icons or Material Icon Theme
- Code Spell Checker スペルミス防止
- Path Intellisense ファイルパスの補完
- zenkaku 全角スペースチェック
- Auto Rename Tag タグの修正時、対のタグも同時に修正
JavaScript jQuery
◇reference
Rental servers [Wordpress is available]
generator
- Min-Max-ValueInterpolation （clamp）
- CloudConvert （png→ico変換）
- サルカワ道具箱 画像をWebPに変換
Libraries, frameworks, and more.
- Googlefonts （Webフォント）
- Adobe Fonts（Webフォント）
- Font Awesome （アイコンフォント）
- Bootstrap（CSSフレームワーク）
- Foundation（CSSフレームワーク）
- Semantic UI（CSSフレームワーク）
- W3.css（CSSレームワーク）
- Material Design （デザインシステム）
- WordPress
- WordPress 日本語
Design database
◇webデザイン
Web and Video Materials
illustration
- いらすとや
- ピクト缶
- ちょうどいいイラスト
- ソコスト
- シルエットデザイン
- Loose Drawing
- GIRLY DROP
- PENTA
- AIPICT
- ガーリー素材【一部有料】
- イラストAC【要登録・フリーダウンロード制限あり・一部要クレジット表記】
- フリーアイコンSVG、PNG、ICO、ICNS
Photo Materials
- Unsplash（カナダの高解像度写真 日本語対応）
- Foodiesfeed（海外の食材・料理・野菜・果物のフリー写真素材）
- food.foto（日本の食材・料理・野菜・果物のフリー写真素材）
- ぱくたそ（写真/イラスト）【一部要クレジット表記】
- photoAC【要登録・フリーダウンロード制限あり・一部要クレジット表記】
- Kaboompics（海外の高解像度写真）【iStockの写真は有料なので注意】
- 【商用可】プロがこっそり使うフリーイラスト素材サイト50選
video
- Freepik（写真/イラスト/動画/アイコン）
- Pexels（海外のフリー写真/動画）
- Pixabay（写真 /イラスト/ベクター/動画/音楽/効果音）【一部ライセンスが異なるので要確認】
- MixKit （動画/音楽/SE/Premire Pro テンプレート）【日本語非対応】
- 動画AC （動画）【要登録】