HTML/CSS専門、あなたのデザインを形にします ②Makeup-sample

Webデザインのスクールが修了しましたが
理解できていない箇所の理解を深めるため
ここからはデザインの過程は飛ばして
サンプル画像を元にFigmaでPrototypeをコピー作成して
コーディングを進めました。

なるべくシンプルなデザインのものを選びました。
今回は画面遷移のコーディングは行わず
HTML & CSSの仕組みを理解するために
デザインに忠実にコーディングすることにしました。

自分が書いたコードによって
画面が出来上がっていくことが少し楽しくなってきました。

「GitHubから出力画面を見る方法」

最後に簡単に自己紹介をします。
＜マークアップエンジニアを目指すきっかけ＞
ここ数年でいくつか病気や手術を経験したことと、正規雇用と不正規雇用の待遇の違いに対する不満から、定年後に自力で稼げる技術を得ようと思い2024年からWebデザインの勉強を始めました。
オンラインスクールでのWebデザインコースを終えた後、自分で勉強を進めるうちにHTML & CSSでコーディングすることが楽しくなってきてマークアップエンジニアを目指そうと決心しました。

＜技術スキル＞　
HTML: セマンティックHTMLの使用,フォームの構築,アクセシビリティ対応などCSS: Flexbox,Gridレイアウト,レスポンシブデザイン,アニメーションなどJavaScript: DOM操作,イベントハンドリングなど

最後まで読んでいただきありがとうございました😊