🐕
基礎学習後に何をしたらいいか迷っているあなたにオススメ! デザインカンプ【入門編】
はじめに
Web 制作の基礎学習が完了した方を対象に Web 制作入門レベルのデザインカンプを作りました。以下リンクからアクセスできます。
Figma デザインカンプからコーディングする方法を知りたい方は、以下の記事をご覧ください。
この記事では、Figma デザインカンプからコーディングする方法を画像を交えてご紹介しています。ポートフォリオへの掲載や著作権について
-
OK なこと
- デザインカンプをコーディングしたサイトをポートフォリオやブログへ掲載すること
- デザインカンプを改変し、オリジナルのポートフォリオにすること
-
お願い
- 掲載する際は『未経験から始める!Web 制作独学ロードマップ』へリンクを貼ること
URL:https://zenn.dev/reskilling_hase/articles/11ba57549b2e64
- 検索エンジンにインデックスされない処理をすること(以下の内 1 つ)
-
<head>
内に<meta name="robots" content="noindex, nofollow">
を記述 - Basic 認証設定
- robot.txt 設定
-
- 掲載する際は『未経験から始める!Web 制作独学ロードマップ』へリンクを貼ること
-
禁止事項
- 再配布や販売する行為
コンセプト
ステップ 1 で紹介した参考サイトを見ながら挑戦することをオススメします。
つまずいたら「キーワード mdn」で検索!
- キーワードリスト
- タグ、セレクター
- ボックスモデル
- インライン要素とブロック要素
- 継承
- カスケード
- セマンティックコード
- Flexbox
Discussion