I recently built my site from scratch to learn new things like CSS Grids, Jekyll, HTML5, and all the things that I haven’t touched for 15 years. I was shocked at how [relatively] easy it was to create a responsive site with practically no coding, or at least simplified coding with no JavaScript. This being my first responsive site, I was shocked when I learned about CSS grids (how did I miss those discussions?) and how easy it was to design a site with them.
Then came font sizing. I learned SASS/SCSS and I learned about calc and mixins and viewports. It is shocking to me that there is no easy approach to managjng font sizes that are scalable, do not shrink too much, and do not grow disproportionately to the size of the screen. The formulas look foreign and feel like a hack. It feels like we keep getting lots of options to manage fonts, but no thought leadership and change to the standards.
So for these reasons any many more, responsive font sizing is by far my #1 CSS challenge (gripe?).
That said, I want to give big props to Jessica Chan for her great article, “The elements of responsive typography”. Without that article, I would have been completely lost. blog.logrocket.com/the-elements-of...
First off, kudos to you for really making an effort to dig into CSS!
That's a terrific article, and I think we've had a few updates since it was written with better support for properties like min/max and clamp. I have a related tutorial, and you may be interested in Typetura at least from the point of innovative solutions.
I recently built my site from scratch to learn new things like CSS Grids, Jekyll, HTML5, and all the things that I haven’t touched for 15 years. I was shocked at how [relatively] easy it was to create a responsive site with practically no coding, or at least simplified coding with no JavaScript. This being my first responsive site, I was shocked when I learned about CSS grids (how did I miss those discussions?) and how easy it was to design a site with them.
Then came font sizing. I learned SASS/SCSS and I learned about calc and mixins and viewports. It is shocking to me that there is no easy approach to managjng font sizes that are scalable, do not shrink too much, and do not grow disproportionately to the size of the screen. The formulas look foreign and feel like a hack. It feels like we keep getting lots of options to manage fonts, but no thought leadership and change to the standards.
So for these reasons any many more, responsive font sizing is by far my #1 CSS challenge (gripe?).
That said, I want to give big props to Jessica Chan for her great article, “The elements of responsive typography”. Without that article, I would have been completely lost. blog.logrocket.com/the-elements-of...
First off, kudos to you for really making an effort to dig into CSS!
That's a terrific article, and I think we've had a few updates since it was written with better support for properties like min/max and clamp. I have a related tutorial, and you may be interested in Typetura at least from the point of innovative solutions.
Good luck with your continued learning!
Oh cool, thank you! I’ll check it the article!