1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること
画像に関するサイトパフォーマンス改善の解説記事。かなり深く解説してくれているので必見です！
Web Tool Gallery
Web制作で役に立つツールやサービスを紹介しています
【Zenn】@takamosooさんの投稿一覧
@takamosooさんが定期的にツイートしているコーディングTipsをまとめたZenn記事。実務で使える知識やテクニックが盛りだくさんなので是非チェックしてみてください！
Visual Studio Code
操作性、拡張性、更新性どれをとっても満点なテキストエディタ。昔は今は亡きBracketsを使っていました...
Figma
ブラウザ上でサクサク動いて複数人同時編集もできるデザインツール。最近はXDよりFigmaのほうが使っています。
MAMP
ローカルサーバーを簡単に構築できるアプリ
LOCAL
WordPressのローカル環境を一瞬で作れるアプリ
FileZilla
個人的に一番使いやすいFTP
WinArchiver Lite
Windowsで開いても文字化けしないzipを作れる圧縮アプリ
iTerm2
見やすい、使いやすい、カスタマイズしやすいターミナルアプリ
アクティビティモニタ
Macが重い時にどのアプリが原因なのかを調べられるMac純正アプリ
QuickTime Player
画面録画ができるMac純正アプリ
App Cleaner
アプリを削除する際に関連するファイルも削除してくれる削除専用アプリ
川端康介｜note
ナノカラー代表取締役の川端さんが書くnote。デザインを論理的に学ばる記事ばかりなので是非一度は読んでほしい！
レイアウトデザインの視点を増やす 思考＆Tips
デザインスタジオ・エル代表取締役のハラさんが著者。レイアウト組みをロジカルに学べる記事。
Goodpatch Blog
Goodpatchが運営する様々なデザインに関する情報を発信しているオウンドメディア。
Cocoda
様々なデザイン事例をもとにデザインについて深くロジカルに学べる唯一無二のオウンドメディア。
PhotoshopVIP
Photoshopのテクニックやフリー素材やフォントなどを紹介しているメディア。まとめ記事のボリュームがとにかくすごい！
ベイジのエンジニアによる情報発信メディア
株式会社ベイジが運営するエンジニア向けのメディア。実務で確実に役に立つようなWordPressやコーディング技術などを学べます。
ベイジ社員がお届けする情報発信メディア
株式会社ベイジが運営するメディア。マーケティングやブランディングなど、他のメディアでは学べない内容多数！
コリス
デザインやコーディングのテクニックからおすすめ書籍の紹介などWeb制作に特化したメディアサイト。
株式会社LIGのオウンドメディア
LIGが運営するオウンドメディア。業界情報からテクニカルな技術まで多種多様な記事が盛りだくさん！
map, filterなどの配列操作のまとめ記事
忘れがちな配列操作のメソッドをまとめて解説している記事。reduce, some, everyあたりが毎回どうやるんだっけ...ってなるのでとても助かっていますmm
【コピペ用】JSで要素を追加する時のコードまとめ
JavaScriptで要素を追加する時のほぼ全てのケースをまとめた記事。コピペ可！
正規表現チェッカー
正規表現をリアルタイムでチェックできるツール。
JSおすすめプラグインまとめ
スライダーやアニメーションなど、ジャンル別でJSのおすすめプラグインを紹介している記事。
WordPressサブループ自動作成ツール
カスタム投稿などのサブループのコードを生成してくれるツール。
パーマリンク リライトルール一覧
add_rewrite_rule() やリライトルール関連の解説記事。
3つのセキュリティ対策
WordPressで絶対に対応しておくべきセキュリティ対策3つの解説記事。
本当に必要なWrodPressプラグイン9選
実案件で本当に使えるプラグインのみを紹介している記事。
SWELL - WordPress有料テーマ
国内シェア率1位の買い切りタイプのWordPressテーマ。
コード画像化ツール
コードをエディタのようにいい感じに表示して、それを画像化してくれるサービス。SNSでコードをシェアする時によく使われています。
IP確認くん
自分のIPアドレスを一瞬で確認できるサイト。
ご利用環境チェックツール
アクセスしている端末の情報をサクッと確認したいときにおすすめ。
アクセス端末のOSやブラウザ情報確認ツール
アクセスしている端末の情報を一括で確認できるので、クライアントの端末のみで表示崩れが起きた際にこのサイトにアクセスしてもらえば一発で様々な情報を確認できます！
mix-blend-mode リアルタイムプレビュー
CSSのmix-blend-modeをリアルタイムでプレビューできるツール。色や画像も変更可能！
リンク/ボタン/フォームをより良くするHTML・CSS 17選
フォームやリンク周りをコーディングする時に気をつけるべきポイントを丁寧に解説している記事。
動くWebデザインアイデア帳
タブやスライダーなど様々な機能やアニメーションを実装する時に参考になるサイト。特に初学者におすすめ！
CSS設計入門
class名の決め方（命名規則）やコーディングする時の考え方を解説している記事。
画像のaltをどのように書くべきか超丁寧に解説している記事
altの書き方や考え方は勘違いされがちなので初学者には特に読んでほしい記事です。
【YouTube】Next.jsで学ぶReact講座
しまぶーさんのNext.jsの講座動画。2023/1現在、全17回もあるのでNextの第一歩におすすめ！
【YouTube】Next.jsの基礎を覚えた方におすすめのチャンネル
Udemy講師のShinさんによるNext.jsの動画講座。Next.jsの基礎を学んで次へステップアップしたい方におすすめ！microCMSなどのAPI連携や問い合わせフォームからメールを送る方法など発展的な内容を学べます。
【Qiita】無職 やめ太郎（本名）さんの投稿一覧
フロントエンドを中心におもしろおかしく様々な技術を解説してくれてる方。おもしろい記事がたくさんあるので是非読んでみてほしい！
Webpack入門記事
ICSさんのWebpackに関する記事。Webpackを勉強したい方はまずこれらの記事を読むのがおすすめ！
新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(Git/Node.js/ES6/webpack4/Babel7)
少し昔の投稿だけど、HTML/CSSとちょろっとjQueryまでしか知らない方がワンランクステップアップするための記事。
パンくずリストを構造化データでリッチスニペット対応する方法
Googleの構造化データについて学べる記事。
明日から使えるCSS設計【PDFLOCSS】
FLOCSSをベースにしたCSS設計PDFLOCSSの解説記事。
ICS MEDIA - Webデザイナー/フロントエンジニアの必読メディア
株式会社ICSが運営するオウンドメディア。今どきのフロントエンド事情からコアな技術など、様々なことを学べます。
定番のコード規約とライブラリから学ぶJavaScriptの命名テクニック（初級編）
JavaScriptの変数名や関数名をどのように命名するべきかを解説している記事。
