レスポンシブWebデザイン講座「メディアクエリ」の後編です。メディア特性と論理演算子について語っています。またレスポンシブ対応ではモバイルファーストとデスクトップファーストがありますが、その是非についても語っています!
✨ 前編
【レスポンシブWebデザインの基礎】
メディアクエリの「メディアタイプ」を理解しよう
https://youtu.be/79Dr3RGm0SI
📙 もくじ
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をちゃんと理解しよう
https://youtu.be/xdUjlpHRX0U
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it
🏷️ タグ
#レスポンシブWebデザイン #レスポンシブデザイン #メディアクエリ
【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】
カテゴリ一覧
スポーツ
ニュース
音楽
ラーニング
趣味
グルメ
ガールズ
ゲーム
ギャンブル・宝くじ
エンタメ
アニメ・漫画
どうぶつ