There have been a couple of articles lately regarding fluid type. Matt Smith (calling it “flexible type”):My preferred approach for more flexible type is to calculate the font size based on the viewport height and width using the :root selectorRichard Rutter (calling it “Responsive Display Text&#...
In the first part of this article, we discussed the resurgence of lettering, we defined the differences between lettering, calligraphy, and typeface design, and we also discussed pens, papers, and other supplies. In this second p...
I think I had the same wooahhhhh coool reaction as so many others did when this tweet was going around:The art of sentence length. Swoon pic.twitter.com/K91GEZTnKm — Lucy Foulkes (@lfoulkesy) March 30, 2016Certainly, good writing is more than just varied sentence length, but this is a fantastic visualizatio...
The resurgence of hand lettering, calligraphy, signage, penmanship, or really anything that is graphic and handmade is increasingly difficult to ignore. Along with letters drawn in any of the categories just mentioned, drawing, s...
View demo Download source Today we’d like to share some inspiration for letter effects with you. We wanted to explore some simple, creative animations for display typography and large headlines using anime.js. These kind of animations can really enhance a certain message; combining these effects with a fitting f...
If you were developing sites in 2006, then you may have worked with a designer like me who was all up in your business about fonts not looking exactly the same in the browser as they did in mockups. Then you may have tried explaining to me the pains of cross-browser compatibility and how different browsers render fonts...
There was a time when the smart move in picking fonts for a website was to a font-family that was supported across as many platforms as possible. font-family: Tahoma; and whatnot. Or even better, a font stack that would fall back to as-similar-as possible stuff, like font-family: Tahoma, Verdana, Segoe, sans-serif;. Th...
Hand lettering has taken the world by storm. It has become the beautiful connection — a juxtaposition — between design and words. The letter forms in the typography have been broken down into their shapes, flourishes,...
View demo Download source Today we’d like to show you a fancy little lettering animation made with SVG and anime.js. The idea is inspired by Jake Bartlett’s gorgeous opening animation for the “Shading Letters in Illustrator” Skillshare class by Jamie Bartlett. While we didn’t do any shadi...
Florens Verschelde digs into the numbers behind the concept Tim Brown was talking about the other day.When I tried wrapping my head around Tim’s implementation, and creating variants of it, I had a hard time figuring out what was going on exactly. I did a lot of back-of-the-envelope calculations, and I thought it w...
Recent Comments