Essential JS Libraries for Web Typography

Craig CampbellAug 17, 2016Lessons: 12Length: 1.4 hours

HTML/CSS JavaScript for Designers

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

3.4 Animating Letters With Textillate.js

In this lesson, you will learn how to use the Textillate.js plugin, which builds on Lettering.js, allowing you to easily create text animations letter by letter.

Relevant Links

1.Introduction
1 lesson, 00:47

2.Responsive Sizing
3 lessons, 26:54

2.2
Responsive Headers With FitText
12:11

2.3
Responsive Text With FlowType.js
10:04

3.One Character at a Time
5 lessons, 45:57

3.2
More Than Just Kerning
11:59

3.4
Animating Letters With Textillate.js
06:51

3.5
Specifying Options With JavaScript
09:58

4.One Line at a Time
2 lessons, 10:37

4.2
Animating Paragraph Lines
03:29

5.Conclusion
1 lesson, 00:48

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

Next lesson playing in 5 seconds

3.4 Animating Letters With Textillate.js

1.Introduction
1 lesson, 00:47

1.1
Introduction
00:47

2.Responsive Sizing
3 lessons, 26:54

2.1
Viewport Units
04:39

2.2
Responsive Headers With FitText
12:11

2.3
Responsive Text With FlowType.js
10:04

3.One Character at a Time
5 lessons, 45:57

3.1
Kerning.js
08:06

3.2
More Than Just Kerning
11:59

3.3
Lettering.js
09:03

3.4
Animating Letters With Textillate.js
06:51

3.5
Specifying Options With JavaScript
09:58

4.One Line at a Time
2 lessons, 10:37

4.1
Lining.js
07:08

4.2
Animating Paragraph Lines
03:29

5.Conclusion
1 lesson, 00:48

5.1
Final Thoughts
00:48

Essential JS Libraries for Web Typography

Next lesson playing in 5 seconds

3.4 Animating Letters With Textillate.js

1.Introduction1 lesson, 00:47

2.Responsive Sizing3 lessons, 26:54

3.One Character at a Time5 lessons, 45:57

4.One Line at a Time2 lessons, 10:37

5.Conclusion1 lesson, 00:48

1.Introduction
1 lesson, 00:47

2.Responsive Sizing
3 lessons, 26:54

3.One Character at a Time
5 lessons, 45:57

4.One Line at a Time
2 lessons, 10:37

5.Conclusion
1 lesson, 00:48