【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】

レスポンシブWebデザイン講座「メディアクエリ」の後編です。メディア特性と論理演算子について語っています。またレスポンシブ対応ではモバイルファーストとデスクトップファーストがありますが、その是非についても語っています！

✨ 前編
【レスポンシブWebデザインの基礎】
メディアクエリの「メディアタイプ」を理解しよう
   • 【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理...  

📙 もくじ
0:00 メディア特性とは
2:00 メディア特性 orientation を使ってみる
3:38 離散型と範囲型について説明
4:45 min-width と max-width の解説
7:32 モバイルファーストの利点について
8:47 min-width と max-width の覚え方
9:55 将来的な width の記述方法について
12:52 論理演算子について
17:15 まとめ

🔥この動画だけは見よ！
何気なく使っているviewportをちゃんと理解しよう
   • 【レスポンシブWebデザインの基礎】何気なく使っているviewportをち...  

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

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  

🏷️ タグ
#レスポンシブWebデザイン #レスポンシブデザイン #メディアクエリ