If you want to be successful, many experts and life-hackers say you should wake up at 6 am, take a cold shower, exercise, meditate, journal and brainstorm, review and set goals, read news and industry sites, consume inspiring content, eat a protein-rich breakfastWhew. That’s a lot to accomplish before 8 am. I’m ...
I don’t think this is an epidemic or anything, but I’ve seen it done a few times and even advocated for. This is what I mean…You go to Google Fonts and pick a font like Open Sans, and it gives you either a <link> or an @import with a URL there in which to ready this font for usage on your site...
Marcin Wichary made an incredible demo exploring “segmented type” as in, the kind you might see on a display like a microwave, but scaling up in complexity from there. “Datalegreya is a typeface which can interweave data curves with text.” Airbnb commissions their own new font, Cereal (complete...
“Typography on the web is in single color: characters are either black or red, never black and red …Then emoji hit the scene, became part of Unicode, and therefore could be expressed by characters — or “glyphs” in font terminology. The smiley, levitating businessman and the infamous pile of poo became tr...
Roel Nieskens released a tool that lets you upload a font file and see what’s inside, from how many characters it contains to the number of languages it supports. Here’s what you see once you upload a font, in this case Covik Sans Mono Black:Why is this data useful? Well, I used this tool just the other day when ...
Recently we’ve stumbled upon a really nice effect on Akademi’s website: the main title of the page moves along as one scrolls down and changes depending on the section that is currently in the viewport. We thought this would be an awesome effect to recreate and play with different animations for the text as...
Today we’d like to share some fun letter animations with you. The idea is based on Animography’s Dribbble shot “Us By Night” where various little shapes animate with some letters. We wanted to explore some similar animations using different typographies and shape effects. We are using anime.js f...
Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operatin...
Today we’d like to share some more letter effects with you. Just like in the first set, we play around with hover and click interactions to create some fun typography animations. For some animations we use anime.js. Charming.js helps us with the needed structure for the letters.Attention: We use some modern C...
Lettering and calligraphy are quickly becoming desired skills in a designer’s toolbox. Designers such as Marian Bantjes, Jessica Hische, Sean Wes and Martina Flor, just to name a few, have become not only an inspiration to ...
Recent Comments