しまぶーのIT大学

• 科学・IT

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

今日はレスポンシブ対応に便利なCSSの関数 min, max, clampを紹介します。これを知っているとメディアクエリの記述も減ってレスポンシブWebデザインのコーディングが楽になります。IE対応が必要ない場合はもう使えますので、積極的に使っていきましょう！

📙 もくじ
0:00 イントロダクション
0:18 講座前の事前準備
1:10 min の説明・使い方
3:03 max の説明・使い方
4:02 clamp の説明・使い方
5:44 clamp の応用（レスポンシブフォント）
8:16 レスポンシブフォントのアクセシビリティ対応
10:57 min, max, clamp は色んな応用ができます
11:46 エンディング

🔥この動画だけは見よ！
【HTML/CSSレイアウト】
Gridを使うとFlexboxより簡単に複雑なレイアウトを組めます
https://youtu.be/cwkkD0ejX8Q

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

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

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

🏷️ タグ
#CSS #clamp #比較関数