If you like math and CSS, you’ll love this one. We don’t need to use media queries to change the values of some CSS properties —
etc. — depending on the viewport width, with the CSS
function. But: we still need to use media queries for changing colors, borders, shadows and other CSS styles.
In this article, Thomas Bohm explains ways to test typefaces and other typographic issues. Though this article is slightly high-end and academic, fear not. The content will be interesting, especially for committed typeface designers and typographers. If you like complex issues and problems, this is for you.
By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called
offers an alternative to breakpoint-driven design.
In this article, we will cover how to combine Machine Learning, variable fonts, and CSS grids to create layouts that respond to the proximity, the inclination, and the number of the users’ faces.
For hundreds of years, we have been using white space in typography. Today, in 2020, how do we add spacing to punctuation marks and other symbols, and how do we adjust the space on the left and right side in an easy and consistent way? It is actually not as easy and quick as it should be.
In this episode of the Smashing Podcast, we’re talking about variable fonts. What are they, how do they differ from regular fonts, and how can they help in the design and performance of our websites?
This article is intended for beginner UI designers who want to learn how to make their designs more consistent and user-friendly. You don’t need a lot of experience in order to be able to follow the tips and tricks shared in it, so let’s dig in right away!