■ 便利サイト

・DeepL翻訳（機械学習で翻訳）
・codic（変数ネーミング）
・web animation（アニメーション関連総まとめ）
・Stories（フリーイラスト）
・調和カラーパレット
・colrd（配色の組み合わせ）
・ホームページパーツ作成
・codic（変数名を作成）
・Web App Manifest Generator（マニュフェストファイル生成）
・LAPRAS（ネット上の自分の影響力を可視化）
・PROCA（名刺サービス）
・グラフィックデザインサイト
・Waifu Labs
・DesignEvo（無料ロゴメーカー）
・一流クリエイターが作った無料デザイン素材38選

■ 画像

・waifu2x（画像高画質化）
・removebg（画像の背景を自動で透過）
・画像サイズ圧縮
・MP4をGIFに変換
・GIFサイズ圧縮
・イメージカラーピッカー（画像から色を抽出）
・unsplash（フリー背景画像）

■ UI/UX

・スーパーマリオのステージ1-1から学べるUX
・ディズニーランドから学ぶ究極のUXデザインとは
・アプリのアップデート500本ノックから学ぶUI改善のヒント

■ JavaScript

・JavaScriptのイベントをたくさん見られるサイト
・JavaScript最適化
・とほほのJavaScriptリファレンス
・グラフを表示できるJavaScriptライブラリ
・実行速度を確認する

■ GitHub

・GitHubマークダウン記法
・Qiita/Github/Slack 絵文字一覧
・Gitのコミットメッセージの書き方
・少人数のチームで開発するときのGithubのブランチ運用Flow

■ Googleフォント

・文字指定でGoogleフォントを軽量に呼び出す方法

■ CSS

・See-SS（よく使うCSSパーツサイト）
・CSS最適化
・animate.css
・【CSS3】@keyframes と animation 関連のまとめ
・CSSのクラス名を決めるときに使うリスト
・CSSのみでページを開くときのオープニングシャッター表現
・最新版、レスポンシブデザインのブレークポイント
・ヘッダーデザインの参考事例
・CSS Flexboxチートシート

■ SVG

・UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ
・たった3行で美しいSVGアニメが作れる「Vivus」

■ Chrome

・全画面キャプチャをダウンロードする方法
　開発者ツール開く → ⌘ + shift + P → 「full」と入力