模写修行
LESSON

こんな方におすすめ

  • CSS設計を意識したコーディングを学びたい
  • 基礎学習は終えて実践的な練習がしたい
  • プロの制作フローを学びたい
  • SCSSを使った書き方を学びたい (解説はSCSSを使わない前提でします)
  • 自分に何が足りないか確かめたい

制作するページ

  • トップ
  • コンセプト
  • メニュー
  • ショップリスト
  • ブログ(一覧)
  • ブログ(個別)
  • 404

前提知識・注意事項

  • 静的なページだけで投稿などの機能面は作りません
  • 書籍や学習サービスでHTML・CSSの入門レベルの学習を終えている方が対象です
  • 解説はコーディングに関するポイントとなる点のみです
  • 解説はSCSSを使わない前提でします(配布するサンプルコードにはSCSSあり)

配布素材

  • サンプルコード(SCSSもあり)
  • デザイン(XD/スタイルガイド/書き出し済みデザイン)
  • 素材(ロゴやアイコンなど)

※ 配布素材は約146MBあります。

このレッスンの目次

カフェのホームページのコーディングをしよう!

中級

この教材はカフェのホームページという設定です。レイアウトを組む箇所が多いので、FlexboxやCSS Gridの実践的な練習をしたい方に特におすすめです。

1480税込