しまぶーのIT大学

• 科学・IT

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

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

📙 もくじ
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】
実践的かつデザインも学べるレイアウト講座を開講します
https://youtu.be/BOWH_7BpO8Q

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

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

🌏 SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it

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