CodeJump– tag –

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

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

サイト概要 CodeJumpのデザインカンプ（Figma）をもとに、HTML/CSS/JavaScriptで静的コーディングを行った後、WordPressオリジナルテーマ化したECサイト風のWebサイトです。デザインの再現だけでなく、WordPressのテンプレート構造に合わせてPHP化を行い、...

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

サイト概要 CodeJumpのデザインカンプ（Figma）をもとに、HTML/CSSで静的コーディングを行った後、WordPressオリジナルテーマ化したプロフィールサイトです。デザインの再現だけでなく、WordPressのテンプレート構造に合わせてPHP化を行い、ローカル開発環...

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