Works Lumiere｜架空化粧品ブランドサイト
HTML・CSSを使って制作した架空の化粧品ブランド「Lumiere」のWebサイト。デザインカンプの作成からコーディング、レスポンシブ対応、GitHub Pagesでの公開まで行いました。
HTML
Works 
Learning Log HTML/CSS勉強ログ⑥｜HTML/CSSで架空サイトを作ってみた
HTML/CSS初心者が架空のコスメサイト「Lumiere」を制作。ChatGPTでアイデアを考え、Figmaでデザインカンプを作成し、HTML・CSS・レスポンシブ対応まで行った制作の流れや、苦戦したポイント、作って分かったことをまとめました。
Learning Log HTML/CSS勉強ログ⑤｜positionの使い方を初心者向けに整理
HTML/CSS初心者が混乱しやすいpositionについて整理。relative・absolute・fixed・stickyの違いや、top・leftの使い方、実際の架空サイトで画像を重ねたときの使用例を初心者向けにまとめました。
Learning Log HTML/CSS勉強ログ④｜真ん中寄せの方法を初心者向けに整理
HTML/CSS初心者が混乱しやすい「真ん中寄せ」の方法を整理。text-align、margin: 0 auto、justify-content、align-itemsの違いを、架空サイト制作でのつまずきと合わせて初心者向けにまとめました。
Learning Log HTML/CSS勉強ログ③｜display:blockとFlexboxの違いを初心者向けに整理
HTML/CSS初心者が混同しやすいdisplay:blockとFlexboxの違いを整理。displayプロパティの基本から、display:flex、flex-direction、justify-content、align-itemsまで、実際のサイト制作でつまずいた経験を交えてまとめました。
Learning Log HTML/CSS勉強ログ②｜セレクタの指定方法を初心者なりに整理してみた
HTML/CSS初心者が、セレクタの基本的な指定方法を勉強しながら整理。タグ・class・idの指定方法や、スペース・「>」の違い、階層を使った指定方法について、実際のサイト制作でつまずいた経験を交えてまとめました。
Learning Log HTML/CSS勉強ログ①｜インライン要素とブロック要素について
HTML/CSS初心者が、インライン要素とブロック要素の違いを勉強しながら整理。spanタグの使い方やwidth・height、inline-block、Flexboxとの関係について、実際のサイト制作で使った例を交えてまとめました。