【CSS #7】基礎からちゃんと学ぶ CSS 入門! flexbox の flex プロパティの使い方を徹底解説【ヤフー出身エンジニアが教える初心者向けプログラミング講座】
59.6 هزار بار بازدید -
5 سال پیش
-
文系プログラミング未経験 → Yahoo! JAPANエンジニア →
文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家
📙 もくじ
0:00 index.html と style.css の準備
1:48 flex プロパティについて
4:06 flex-grow プロパティについて
7:58 flex-shrink プロパティについて
11:23 flex-basis プロパティについて
13:18 まとめ
🚀 今日のひとこと
今日のCSS講座は flex プロパティについて。
flex-grow, flex-shrink, flex-basis の使い方を知らない方向け!
前回はFLEXBOX FROGGYを使って flexbox の基礎を学びましたが
今回はそれを補うような動画となっています。
入門・初心者エンジニアや駆け出しエンジニアにオススメです。
また今回の動画でCSS基礎講座は終わりで、
次からは JavaScript と CSS応用編 が始まります。
そちらもお楽しみに!
🔥基礎からちゃんと学ぶ CSS 入門!
【第1回】基本構文を抑えよう!
【CSS #1】基礎からちゃんと学ぶ CSS 入門!基本構文を抑えよう!【...
【第2回】プロパティについて深堀りしよう!
【CSS #2】基礎からちゃんと学ぶ CSS 入門!プロパティについて深堀...
【第3回】この講座だけでセレクターは完結できます!
【CSS #3】基礎からちゃんと学ぶ CSS 入門!この講座だけでセレクタ...
【第4回】スタイルが効かないときはだいたいカスケード・詳細度・継承のどれかが原因!
【CSS #4】基礎からちゃんと学ぶ CSS 入門!スタイルが効かないとき...
【第5回】ボックスモデルはCSSを書いていく上で常に意識する必要があります
【CSS #5】基礎からちゃんと学ぶ CSS 入門!ボックスモデルはCSS...
【第6回】フレックスボックス (flexbox) の使い方をゲームで学ぼう!
【CSS #6】基礎からちゃんと学ぶ CSS 入門!フレックスボックス (...
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: Twitter: shimabu_it
Instagram: Instagram: shimabu_it
🏷️ タグ
#CSS #flexbox #flex
📙 もくじ
0:00 index.html と style.css の準備
1:48 flex プロパティについて
4:06 flex-grow プロパティについて
7:58 flex-shrink プロパティについて
11:23 flex-basis プロパティについて
13:18 まとめ
🚀 今日のひとこと
今日のCSS講座は flex プロパティについて。
flex-grow, flex-shrink, flex-basis の使い方を知らない方向け!
前回はFLEXBOX FROGGYを使って flexbox の基礎を学びましたが
今回はそれを補うような動画となっています。
入門・初心者エンジニアや駆け出しエンジニアにオススメです。
また今回の動画でCSS基礎講座は終わりで、
次からは JavaScript と CSS応用編 が始まります。
そちらもお楽しみに!
🔥基礎からちゃんと学ぶ CSS 入門!
【第1回】基本構文を抑えよう!
【CSS #1】基礎からちゃんと学ぶ CSS 入門!基本構文を抑えよう!【...
【第2回】プロパティについて深堀りしよう!
【CSS #2】基礎からちゃんと学ぶ CSS 入門!プロパティについて深堀...
【第3回】この講座だけでセレクターは完結できます!
【CSS #3】基礎からちゃんと学ぶ CSS 入門!この講座だけでセレクタ...
【第4回】スタイルが効かないときはだいたいカスケード・詳細度・継承のどれかが原因!
【CSS #4】基礎からちゃんと学ぶ CSS 入門!スタイルが効かないとき...
【第5回】ボックスモデルはCSSを書いていく上で常に意識する必要があります
【CSS #5】基礎からちゃんと学ぶ CSS 入門!ボックスモデルはCSS...
【第6回】フレックスボックス (flexbox) の使い方をゲームで学ぼう!
【CSS #6】基礎からちゃんと学ぶ CSS 入門!フレックスボックス (...
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: Twitter: shimabu_it
Instagram: Instagram: shimabu_it
🏷️ タグ
#CSS #flexbox #flex
5 سال پیش
در تاریخ 1398/12/15 منتشر شده
است.
59,687
بـار بازدید شده