Dynamic Font Size CSS with clamp()
Тәжірибелік нұсқаулар және стиль
Did you know you can create truly dynamic fonts, widths, margins, paddings, and more with clamp(), the native CSS function?! As of the time of this video, it’s available in 92% of browsers used every day around the globe.
Links
- Is it ready for production? caniuse.com/?search=clamp
- MDN Docs: developer.mozilla.org/en-US/d...)
- Awesome CSS Tricks article: css-tricks.com/linearly-scale...
Timestamps
0:00 Introduction
1:22 min() function
2:08 max() function
3:38 clamp() function
7:05 Truly linearly-scaling fonts
Пікірлер: 15
Really informative video, Thanks
@CodinginPublic
2 жыл бұрын
So glad you enjoyed it. Thanks for saying something!
great video! thanks a lot
@CodinginPublic
2 жыл бұрын
Thanks for saying something. Glad you enjoyed it!
Very nice.
i always facing hard time when it comes to responsive sites this video helped me alot also there is lib (Typetura’s) for responsive fonts what's your opnion about this should we use raw css or this Typetura’s pkg for responsive fonts?
@CodinginPublic
2 жыл бұрын
I'm generally of the opinion that libraries should only be used when absolutely necessarily. Dependencies can bloat your app/site and make it difficult to update in the future. CSS has come such a long way with fonts that my preference would be to stick with CSS personally.
Nice, seems super useful!
@CodinginPublic
2 жыл бұрын
Yeah, I’m excited it’s available in so many browsers now!
How the hell you have so less view and subs you should be on top bro
@CodinginPublic
2 жыл бұрын
LOL lol hey-just having a good time over here putting out (hopefully) quality content. Figured views will happen or not; but I wanna just focus on content. Although if you wanna help me plan my takeover of all web dev KZreadrs, I might be interested 😏 haha
Create a tutorial about keyboard maestro!
@CodinginPublic
2 жыл бұрын
It’s definitely one of my favorite macOS tools, so I’m happy to! I’ll add it to the list!
@teziovsky
2 жыл бұрын
@@CodinginPublic I can also recommend you to use (of course on Mac OS) Alfred 4 which is great and powerful, rocket for emojis and hazel for file/folder organization 😍
@CodinginPublic
2 жыл бұрын
Use all those and love them! Been playing around with Raycast as an alternative to Alfred and it’s pretty rad!