文系プログラミング未経験 → 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より簡単に複雑なレイアウトを組めます
• 【HTML/CSSレイアウト】Gridを使う...
【HTML/CSSレイアウト】
聖杯レイアウトのコーディング実践、デザイン解説
• 【HTML/CSSレイアウト】聖杯レイアウト...
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: / shimabu_it
Instagram: / shimabu_it
🏷️ タグ
#CSS #clamp #比較関数
22 июл 2024
