This Min-Max Value Interpretation calculator utility from 9elements.com appears to be handy useful tool to to create fluid scales for type and spacing using CSS clamp() and not relying on media queries.
This will be useful supplemental resource in addition to my previous post – Using Clamp() Function in Projects.
Whenever I start developing a new website or work on a new theme, I happen to spend quite some time how to underline hypertext. Recently, I while I was working on a new block-based theme, I happened to reach into the same pigeonhole again. This was time to bookmark my references for use cases. In […]
Note: This post is part of leaning efforts to understand and use fluid typography for responsive webdesign for multiple user devices. This learning post is still in active development and updated regularly. In a previous article Fluid Typography and Use of CSS Clamp() Function, I discussed about fluid typography in general. In this post, I […]
The CSS container queries are said to be the future of responsive design. Container queries are in discussion for a while among some passionate web developers. These discussions seems to have got some traction recently after Google Chrome canary started testing those basic concepts. According to the MDN Web Doc, “the container queries specification is […]
The MDN Web Docs CSS Tutorials is the main CSS learning source for many us. Recently, a new Learn CSS course is available in Google web.dev and was prepared by leading experts Andy Bell, Rachel Andrew, Una Kravets, and Adam Argyle. Rob Dodson and Jiwoong Lee shepherded the UX & production build, along with help […]
Note: This post is part of leaning efforts to understand and use fluid typography for responsive webdesign for multiple user devices. This learning post is still in active development and updated regularly. Responsive web design and how web layout evolved historically is explained in this Responsive Web Design from the MDN Web Docs. Coming from […]