HTML/CSS– category –

概要 Figmaで作成された「Bakeryサイトデザイン」をもとに、コーディングを行いました。HTML・CSS・JavaScript（jQuery）を使用し、ECサイト風のランディングページを再現しています。グリッドレイアウトやハンバーガーメニュー、タブUIなど、実務を意識し...

概要 CodeJumpの「COFFEE」ランディングページデザインをもとに、模写コーディングを行いました。Figmaデザインを参考に、HTML・CSS・jQueryを使用して1ページ完結型のLPを再現しています。背景固定（parallax風）表現やスムーススクロール、レイアウトの...

概要 CodeJumpの「Blog」デザインをもとに、模写コーディングを行いました。Figmaのデザインカンプを参考にしながら、HTMLとCSSを用いてレイアウトを再現し、レスポンシブ対応も実装しています。ヘッダー固定レイアウトや記事一覧、サイドバー構成など、ブ...

概要 CodeJumpの「Profile」を模写コーディングしました。Figmaデザインをもとに、HTML、CSS、JavaScriptを使用し、レスポンシブ対応を行いました。商品一覧ページや商品詳細ページを実装し、CSS GridやFlexboxを活用してレイアウトを構築しています。 Git...

概要 CodeJumpの「Profile」を模写コーディングしました。Figmaデザインをもとに、HTML、CSS、Flexboxを使用し、レスポンシブ対応を行いました。 GitHub デモサイト 使用技術 HTML CSS Flexbox Git GitHub GitHub Actions 実装内容 ヘッダー Flexboxを利用...