🐕

基礎学習後に何をしたらいいか迷っているあなたにオススメ! デザインカンプ【入門編】

2023/11/24に公開

はじめに

Web 制作の基礎学習が完了した方を対象に Web 制作入門レベルのデザインカンプを作りました。以下リンクからアクセスできます。
https://www.figma.com/file/xZ164dxXL8er2LIQjHHQvN/入門編-デザインカンプ?type=design&node-id=0%3A1&mode=design&t=Q0MpupvAbw0wXRHu-1

Figma デザインカンプからコーディングする方法を知りたい方は、以下の記事をご覧ください。
https://zenn.dev/reskilling_hase/articles/0d6b11fcd1172a
この記事では、Figma デザインカンプからコーディングする方法を画像を交えてご紹介しています。

ポートフォリオへの掲載や著作権について

  • OK なこと

    • デザインカンプをコーディングしたサイトをポートフォリオやブログへ掲載すること
    • デザインカンプを改変し、オリジナルのポートフォリオにすること
  • お願い

    • 掲載する際は『未経験から始める!Web 制作独学ロードマップ』へリンクを貼ること
      URL:https://zenn.dev/reskilling_hase/articles/11ba57549b2e64
    • 検索エンジンにインデックスされない処理をすること(以下の内 1 つ)
      • <head>内に<meta name="robots" content="noindex, nofollow">を記述
      • Basic 認証設定
      • robot.txt 設定
  • 禁止事項

    • 再配布や販売する行為

コンセプト

ステップ 1 で紹介した参考サイトを見ながら挑戦することをオススメします。
つまずいたら「キーワード mdn」で検索!

  • キーワードリスト
    • タグ、セレクター
    • ボックスモデル
    • インライン要素とブロック要素
    • 継承
    • カスケード
    • セマンティックコード
    • Flexbox














Discussion