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

チャンネル名:しまぶーの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デザイン #聖杯レイアウト

コメント

タイトルとURLをコピーしました