【HTML/CSSレイアウト】聖杯レイアウトのコーディング実践、デザイン解説【ヤフー出身エンジニアの初心者向けプログラミング講座】

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

🐙 GitHub（使用したコード）
https://github.com/lightsound/html-cs...

📙 もくじ
0:00 聖杯レイアウトとは何か？
2:10 聖杯レイアウトのコーディング
9:53 聖杯レイアウトを固定幅にする
11:06 聖杯レイアウトのレスポンシブデザイン化
15:59 聖杯レイアウトのデザイン的観点
17:30 ユーザーがサイトを見るときの目線について
18:27 色んなサイトの聖杯レイアウト
19:05 デザイントレンドの変化によるfooterの配置の変化
22:02 まとめ

🚀 今日のひとこと
聖杯レイアウトを実際にコーディングしましょう！
ただHTMLとCSSでマークアップするだけでなく
実際のWebサイトを例にデザインの解説もしています。
エンジニアを志望している方だけでなく、
Webデザイナーを目指す方にもオススメの動画です。

🔥この動画だけは見よ！
【HTML/CSSレイアウト #1】
実践的かつデザインも学べるレイアウト講座を開講します
   • 【HTML/CSSレイアウト #1】実践的かつデザインも学べるレイアウト講...  

【HTML/CSSレイアウト番外編】
コーディングに便利なChrome拡張機能を作りました
   • 【HTML/CSSレイアウト番外編】コーディングに便利なChrome拡張機...  

👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  

🏷️ タグ
#HolyGrailLayout #Webデザイン #聖杯レイアウト