参考資料

デザイン

Illustrator どいせな ポートフォリオサイト ゲームソフト・ページをさがす | 任天堂 星のカービィポータル

コーディング

::first-letter
URLをシェアした時のサムネイル画像は、自分で設定できます！
HTMLでダウンロードリンクを作る方法
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
ページ内リンクでジャンプやスクロールさせるHTMLタグの作成方法>
【魔法のvw】画像のように拡大・縮小するレスポンシブを実現させるCSSの書き方
JavaScriptのfor (let i =)でラジオ・チェックボックスの選択で計算をして合計金額を算出
input type=range レンジスライダーをカスタマイズ
JavaScriptの.classList.toggle()でアコーディオン
flex
CSSで表を見やすく美しく! テーブルのデザインを調整しよう
表のスタイル設定
Microsoft Copilot: あなたの AI アシスタントです
レイアウト作成のためのdisplay:gridを分かりやすく解説！【初・中級者向け】
CSSでフッターの下に隙間ができないようにメインコンテンツの高さを調整する
【CSS】flex-shrinkでflexアイテムを縮小させる方法を解説
CSSで縦横比を保ったレスポンシブな正方形を作る方法
できるポケット Web制作必携 HTML&CSS全事典 改訂4版
【HTML】ルビ（ふりがな）をふる方法 適切な「og:type」を選択したい

不具合解消

ボタンをクリックしましたに変更するCSSコードがわかりません。
CSSのtransitionが効かない時の原因＆対処法
CSSのtext-align:centerが効かない時に試してほしいこと
【css】画像(img)の下に余白（隙間）ができる問題を秒で解決する方法

お借りした企業ロゴ

Xについて | Xロゴ、ブランドガイドライン、ポストツール
Brand Toolkit - Mastodon
ブランドガイドライン（ロゴデータ・カラー） – noteヘルプセンター
YouTube ブランド関連情報とガイドライン - YouTube のしくみ
クリエイター活動を応援するため、ニコニコロゴ・シンボルマーク、テレビちゃんの公式素材を公開しています。ぜひご活用ください！｜ニコニコインフォ
プレスキット - ピクシブ株式会社
イラストとか箱「ポイピク」 - ロゴの使用について