前置き
デザインカンプからwebページを作ってみたいと考えていた。
調べたところ、「Codejump 作って学ぶコーディング学習サイト」を見つけた。
なんでも素材を含めてフリーで利用できるとのことなので、早速やってみた。
なお、教材はいくつもあり、今回は以下の「【HTML/CSS コーディング練習】中級編：ブログサイト／2カラム」に取り組んだ。
感想
とてもよかった。
サクッと取り組めるし、作成後に振り返りもしやすい。
ポイントとしては以下の通り。
- Figma のデザインカンプが公開されている。
- 素材が一括でダウンロードできる。
- コーディング使用が記載されている
- ソースコードが公開されている
- デモサイトが公開されている
おまけ
自分の反省点のメモ
- ページの構成をよく考えず、なんとなく上から作成してた。
- タイトルに対するタグが適当←SEO的にだめ
- レイアウトが適当←(今回は実装していないが)他ページを実装したときにぐちゃぐちゃになる
- 繰り返し要素をべた書きしてた。
- 画像やフォントの遅延ロードができていない。
- そろそろバックエンドを作って画像とか管理したいな...
今回の記事は以上です。
前回記事はこちら
詳細見たい人はこちら