decoding="async"の使い方とloading="lazy"との違いのまとめ
画像の遅延読み込みに関する解説記事。参考記事も勉強になります。
Web Tool Gallery
Web制作で役に立つツールやサービスを紹介しています
ローディングアイコンをCSSで作る（コピペ可）
ローディング中のアイコンを作るためのCSSをコピペできるサイト。
OGP画像シミュレータ
OGPに使う画像をアップロードすると様々なサイズの見え方をシミュレーションしてくれるツール。
Can I use...
HTMLやCSSが各ブラウザに対応しているか確認できるツール。英語だけどこれは実装者全員が扱えるようになるべき！
clamp()カリキュレーター
ビューポートサイズと実際の値を入れるだけでclamp()で使う値を計算してくれるツール。
SVGをdataURLに変換
SVGをdataURL形式に変換できるツール。
neccoメンバーのお気に入りFigmaプラグイン16選【2022年版】
Figmaのおすすめプラグインまとめ記事。
Zenn｜エンジニアのための情報共有コミュニティ
エンジニア向け技術や情報の共有サイト。個人的にはQiitaより良質な記事がたくさんあると思っています。
誰にとってもわかりやすいGitのコミットメッセージを考える
Gitのコミットメッセージをどのように書くべきか深く言及している記事。
2022年度版 - おすすめ拡張機能19選
おすすめ拡張機能をまとめた記事。ジャンル別にまとめているからとても見やすいです！
SNSバナーギャラリーサイト
SNS広告のバナーに特化したデザインギャラリー。
Webデザインの『パーツ』を集めたギャラリーサイト
見出しや図など様々なWebデザインの「パーツ」を集めたギャラリーサイト。
ユーザースニペットの使い方まとめ
ユーザースニペットの使い方を解説した記事。これを使いこなせば作業効率が何倍もアップ！
ハイフン区切りの単語をダブルクリックで選択できるようにする方法
エディタ上で単語をダブルクリックした時にハイフンが含まれていても全ての単語を選択できるようにする方法を解説している記事。
スプレッドシート製ガントチャート
スプレッドシートで作られたガントチャート。日付を入れるとカレンダーに自動反映されるからとても便利！
CSSグラデーションジェネレーター
CSSグラデーションのコードを生成できるジェネレーター。
HTML構文チェッカー
W3Cが提供するHTMLを正しく書けているかチェックできるバリデーションツール。
文字実体参照一覧
文字実体参照を一覧で確認できるサイト。
【公式】Facebook OGPチェッカー
FacebookのOGPが正しく設定されているかを確認できるFacebook公式ツール。
OGP確認ツール
OGPが正しく設定されているかチェックできるツール。
フロント学習の最高の教材集
ReactやTypeScriptのおすすめ学習方法をまとめたQiitaの記事。
様々なサイズのファビコンを一括生成
様々なサイズのファビコン画像を一括で生成してくれるツール。
画像をBase64に変換
画像をBase64形式にエンコードするツール。
Web上でSassをCSSにコンパイル
SassをCSSに変換できるツール。SASS、SCSSどちらにも対応可能！
CSS三角形作成ツール
CSSで三角形を作るときのコード生成ジェネレーター。
Basic認証用htpasswdファイル生成
Basic認証をhtaccessでかける時のパスワードを生成できるツール。
オンラインで画像を圧縮
画像圧縮サービス。サイズ変更や切り抜き、拡張子の変更も可能！
Parts. - パーツ別Webデザイン集
パーツ別ギャラリーサイト。よくお世話になっていますmm
Facebook広告集めました。
Facebook広告専門のバナーギャラリーサイト。
【写真】Unsplash
フリーの写真素材を探すならまずはこれ！
【写真】O-DAN (オーダン）
複数の写真サイトを"横断"して検索してくれるサイト。
【写真】写真AC
日本人のフリー写真を探すなら間違いなくこれ！
【写真】Images | ESA/Hubble
容量の大きい写真をダウンロードできるサイト。
【写真や素材色々】Freepik
低コストのサブスクで写真や素材をダウンロードできるサービス。自分で契約する有料写真サービスならこれ一択！
【アイコン】Free icons - Iconfinder
個人的にアイコンの種類が一番多いと思う無料ダウンロードサイト。
【アイコン】Material Symbols and Icons - Google Fonts
言わずと知れたGoogle系サービスで使われているアイコンをダウンロードできるサイト。
Google Fonts
WebフォントはGoogleFont一択かなと個人的には思っています（種類の豊富さや利用規約などの扱いやすさ的になど）。
【アイコン】Potlab Icons — Animated SVG icons for web projects
動くSVGアイコンをダウンロードできるサイト。
【アイコン】SVGローディングアニメーション
SVGのローディングアニメーションのアイコンをダウンロードできるサイト。
【イラスト】癖のないイラスト集
商用フリーで癖の無いイラストサイト。
【イラスト】色を自由に変えられる商用可のフリーイラスト素材
商用フリーで癖の無いイラストサイト。
【イラスト】いくつかの色に変えられる商用可のフリーイラスト素材
商用フリーで癖の無いイラストサイト。
【イラスト】フラットなイラスト
フラットで色を自由に変えられるSVG形式のイラスト。
【イラスト】今どき風フリーイラスト
SaaS系LPでよく見るテイストのイラスト。
【イラスト】少し変わったテイストのイラスト
少し変わった様々なテイストのイラストを無料でダウンロードできます。
【テクスチャ】リアルなテクスチャ
木目や石、紙などのテクスチャをダウンロードできるサイト。
【テクスチャ】様々なパターンのテクスチャを生成
様々なテクスチャパターンを作成できるサイト
【テクスチャ】まとめサイト
高品質な背景テクスチャ素材をダウンロードできるサイト。
