Loading...
「ツール」は右上に移動しました。
利用したサーバー: natural-voltaic-titanium
12504いいね 309378回再生

min(), max(), and clamp() are CSS magic!

CSS has come a long way, but min(), max(), and clamp() make a lot of things a lot easier than they used to be, and really open up the world of responsive typography like we never had before! Clamp() is the ingredient that we've needed for a long time to really be able to make type fully responsive in our CSS, and to be able to do it on one line is absolute magic!

Until Safari gets there too, we can use it, but with the help of feature queries, which I made a video on here:    • Using Feature Queries (@supports) to use n...  

If you'd like to learn more about viewport units like `vw` and `vh`:    • CSS Units: vh, vw, vmin, vmax #css #respon...  

#css #responsive #typography
--

Come hang out with other dev's in my Discord Community
discord.gg/nTYCvrK

---

Keep up to date with everything I'm up to
www.kevinpowell.co/newsletter

---

Help support my channel
Get a course: www.kevinpowell.co/courses
Buy the t-shirt: teespring.com/stores/making-t...
Support me on Patreon: www.patreon.com/kevinpowell

---

My editor: VS Code - code.visualstudio.com/

How my browser refreshes when I save:    • How to automatically refresh your browser ...  

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: www.instagram.com/kevinpowell.co/
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

コメント