しまぶーのIT大学

• 科学・IT

メディアクエリは簡単そうで実は奥深いものです。レスポンシブデザイン対応のときにCSSで「@media」と書く部分ですね。今回はメディアクエリの中でもメディアタイプについて深く見ていきます。

📙 もくじ
0:00 イントロダクション
0:40 メディアクエリとは
2:19 index.html の説明
3:23 リファレンスの紹介
4:18 メディアタイプとは
7:09 メディアタイプ: print の説明
9:05 メディアタイプは書く必要なし

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

【HTML/CSSレイアウト】
聖杯レイアウトのコーディング実践、デザイン解説
https://youtu.be/XrFD_0Pr6Nc

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

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

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