Animated Opening Type | Codrops A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to display and play with letters. VIEW DEMO DOWNLOAD SOURCE
Tag: typography
Do You Need a Style Guide? | Design Shack
Do You Need a Style Guide? | Design Shack It’s a simple question: Do you need a style guide? And it has a simple answer: Yes. Any brand, company, blog or webpage that wants to create and maintain consistency and a professional feel should have a style guide. Style guides are a must for any…
4 | What Font Is Your Beard? Use This Chart To Find Out | Co.Design: business innovation design
4 | What Font Is Your Beard? Use This Chart To Find Out | Co.Design: business innovation design How sans serif is your beard? Are your chin whiskers more of a Bodoni, a Times, or a Comic Sans? Exactly what typographical allegiances does your facial ‘fro owe? And what is your favorite font’s beard brother?…
A Journey Through Beautiful Typography In Web Design | Smashing Magazine
A Journey Through Beautiful Typography In Web Design | Smashing Magazine First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has the potential to go beyond merely telling a story — it shows the user…
50 free handwriting fonts – The Shabby Creek Cottage
50 free handwriting fonts – The Shabby Creek Cottage
“This Is How We Built It” Case Studies | Smashing Magazine
“This Is How We Built It” Case Studies | Smashing Magazine Unlike many other industries, the Web design community is all about sharing knowledge and experience. Each of us is very lucky to be part of such a great and useful learning environment, and it is up to us to embrace it — to embrace…
Making Sense Of Type Classification (Part 2) | Smashing Magazine
Making Sense Of Type Classification (Part 2) | Smashing Magazine In the first installment of this two-part series on type classification, we covered the basics of type classification — the various methods people have used, why they are helpful, and a brief survey of type history, classifying and identifying typefaces along the way. Unfortunately, we only got…
Free Web Font Services – Compared
Free Web Font Services – Compared All these years, websites are restricted to typical fonts such as Arial, Georgia, Times and so on. This is due to the limitations of browsers, which at one time, were only able to deliver fonts from the user’s machine. Fortunately today, the web evolves fast and today’s browsers are…
Making Sense Of Type Classification (Part 1) | Smashing Magazine
Making Sense Of Type Classification (Part 1) | Smashing Magazine In my previous article on Smashing Magazine (“Understanding the Difference Between Typography and Lettering”), I wrote about how understanding type terminology can help us better appreciate the arts of typography and lettering. This article again deals with terminology, probably more specifically than most designers are…
“Typography exists to honor content.” – Robert Bringhurst: The Elements of Typographic Style Understanding Typographic Hierarchy | Webdesigntuts