Letter Effects and Interaction Ideas
By Mary Lou on
A couple of ideas for typography animations and letter (hover) effects for playful interactions. ...
typography
Inspiration for Letter Effects
By Mary Lou on
A set of inspirational letter animations for display typography effects powered by anime.js. ...
Fancy SVG Letter Animation
By Mary Lou on
An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Julian Garnier's anime.js. ...
Creative SVG Letter Animations
By Luis Manuel on
An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way. ...
Inspiration for Text Styles and Hover Effects
By Mary Lou on
A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas. ...
Techniques for Responsive Typography
By Sara Soueidan on
When it comes to responsive type on the web, there's more to do than just resizing the text's container and having the text reflow inside of it. This in-depth articl ...
Text Opening Sequence with CSS Animations
By Mary Lou on
A simple and fun text opening sequence effect with blurry letters using CSS animations. ...
A Creative Year: Distinctive Web Designs of 2012
By Mary Lou on
An inspirational collection of the most impressive and distinctive web designs from the year 2012. ...
Mobile Design Typography is Vitally Important … and Challenging
By Carrie Cousins on
One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many ...
Heading Set Styling with CSS
By Hugo Giraudel on
In this tutorial we will create a couple of heading styles to get your creative juices flowing for your next project. Make heading styles work by applying the right ...
Make a Statement with Type
By Carrie Cousins on
Font choices can have an impact on how your message is communicated and how people feel about the words on the page. ...
Creative Web Typography Styles
By Mary Lou on
Let's create some interesting web typography effects with several CSS techniques and the help of lettering.js. ...
I Love Script Fonts (Here’s Why)
By Carrie Cousins on
Script fonts, when used in moderation, can add extra flair and an unexpected twist to design projects. ...
Line That Up: Proper Alignment in Web Design
By Carrie Cousins on
Proper alignment techniques for text and other elements can add punch and readability to your website. ...
How Web Design Has Changed Print
By Carrie Cousins on
Not only do web designers learn from their print peers, but print design has evolved a great deal thanks to web design. ...
Making Room to Breathe: Wrapping Text Around Elements
By Carrie Cousins on
Text wrap can be a useful tool when embedding images into blocks of text and when used properly can add to your site’s readability. ...
Understanding the Lingo: Typography Glossary
By Carrie Cousins on
Ascender, descender, tail, ligature. What do they all mean? A glossary of terms can help you understand the parts of type for your next project ...
Effective Typography-Driven Web Design
By Carrie Cousins on
Using type as a primary design element comes with a set of characteristics that are often found in clean and easy-to-read websites. ...
Type Effects in Web Design: It’s All About Moderation
By Carrie Cousins on
Type effects – from bolding, italics, tilting, strokes and underlines – can make or break the typography on your site. Using type effects in moderation is the ke ...
Rotating Words with CSS Animations
By Mary Lou on
Using CSS Animations we will change or rotate some parts of a sentence. ...
Successful Web Design: It’s All About The Details
By Carrie Cousins on
Pay attention to alignment, contrast, type effects and color because these items can make or break your website design. ...
Add Impact to Type-driven Projects
By Carrie Cousins on
In type-driven design, use varying type sizes, weights and color for impact and to create hierarchy. ...
Condensed fonts: The good, the bad, the ugly
By Carrie Cousins on
Condensed fonts can be tricky use and should be avoided for blocks of type, although they can work well when used sparingly. ...
Understanding and Using Type Categories in Web Design
By Carrie Cousins on
Knowing how to identify and use fonts from different type categories can make your projects come together more easily. ...
