ポートフォリオサイトの添削動画を公開しました!(HTML CSS コーディング)
独学でデザイン・コーディングを勉強されている方のコードレビューを行いました!
・マークアップがちゃんとできているか
divだらけにならない / 見出しタグの使い方
・レイアウトを作る時の考え方
・効率的なコーディングの考え方
スクールを卒業された方でも意外と出来ていないことが多いポイントです。
↓ YouTube チャンネル登録もよろしくお願い致します!案件獲得についてもお話しています!
https://www.youtube.com/watch?v=VJLRbm-EDiA
0:00 ご挨拶
0:29 ヘッダーとH1タグのセマンティクス
1:13 全体構造のセマンティックタグ改善提案
2:40 レイアウト不安定性の原因と改善策
3:56 レイアウトとCSS実装の課題
5:36 HTML構造とセクションの考え方
10:19 CSSのためのHTML構造修正と設計
16:25 HTMLタグの正確な記述と検証ツールの活用
17:42 インナーとコンテンツ幅のCSS実装
24:18 擬似要素とオーバーフローによる装飾
30:44 Flexboxによるカラム分割と可変幅の計算
35:46 レスポンシブデザインの考え方と実装方法
41:38 構造と余白を最適化するコーディング
52:22 インナーの重要性とレイアウトの再利用
1:01:12 nth-of-typeを用いた効率的なレイアウト管理
1:04:48 まとめと学習アドバイス!
noteでHTML+CSS教材の公開を始めました!無料公開中なので是非ご質問・フィードバックなど頂けると嬉しいです!
https://note.com/ray_web

