typography

Letter Effects and Interaction Ideas (Part 2)

By Mary Lou on July 5, 2017

A new set of letter effects and animations for playful typography interactions. ...

Letter Effects and Interaction Ideas

By Mary Lou on June 7, 2017

A couple of ideas for typography animations and letter (hover) effects for playful interactions. ...

Inspiration for Letter Effects

By Mary Lou on October 18, 2016

A set of inspirational letter animations for display typography effects powered by anime.js. ...

Fancy SVG Letter Animation

By Mary Lou on September 13, 2016

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 March 2, 2016

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 May 13, 2015

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 November 19, 2013

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 April 30, 2013

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 December 18, 2012

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 November 12, 2012

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 November 2, 2012

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 September 26, 2012

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 September 12, 2012

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 July 24, 2012

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 June 19, 2012

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 June 13, 2012

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 May 15, 2012

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 May 9, 2012

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 May 1, 2012

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 April 25, 2012

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 ...