C03：グループ構成図作成

公開日:2019年07月13日更新日:2020年11月05日

HTML+CSS

デザインカンプを元にグループ構成図を作成します。

ページ内の各パーツごとにグループ構成図を作成し、HTMLコーディングのたたき台にします。

グループ構成図ダウンロード

トップページ

Heroパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

実績一覧パーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

ブログ一覧パーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

プロフィールパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

フッターパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

コンテンツ一覧

同じカテゴリーのコンテンツ

GoogleFontsの使い方

HTML+CSS

公開日:2023年07月01日更新日:2024年10月08日

mix-blend-modeが効かないのはなぜ？

HTML+CSS

公開日:2023年06月14日

GoogleMapでマイマップ作成

HTML+CSS

公開日:2023年01月12日

番号つきリストをデザイン

番号つきリストをデザイン

HTML+CSS

公開日:2022年08月01日更新日:2023年11月27日

同じパーツを使っているのに1pxずれる時の対処法

HTML+CSS

公開日:2022年06月24日

VS Code で DartSass(@use, @forward)を利用する

HTML+CSS

Sass

公開日:2022年03月17日

特定のフォルダをSassコンパイル対象から外す

HTML+CSS

Sass

公開日:2022年03月17日

destyle.cssで無効化されたフォームデザインを復活させる

HTML+CSS

公開日:2022年02月20日更新日:2023年11月21日

GoogleMapをサイト内に表示

HTML+CSS

公開日:2021年11月24日更新日:2024年10月08日

はじめてのCSS「記述順」

HTML+CSS

はじめてのCSS

公開日:2021年10月08日

コンテンツ一覧

ページトップへ戻る