Search
On-Scroll Text Repetition Animation
13.4.2022
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
The post On-Scroll Text Repetition Animation appeared first on Codrops
Lines to Content Layout Animation
5.4.2022
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
The post Lines to Content Layout Animation appeared first on Codrops
Letter Shuffle Animation for a Menu
23.3.2022
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
The post Letter Shuffle Animation for a Menu appeared first on Codrops
Kotaku's Three Episode Test: Requiem of the Rose King
9.3.2022
Read more
8 Interesting Typography Links for January 2022
7.1.2022
Every now and then, I find that I’ve accumulated a bunch of links about various things I find interesting. Typography is one of those things! Here’s a list of typography links to other articles that I’ve been saving up and …
8 Interesting Typography Links for January 2022...
Consistent, Fluidly Scaling Type and Spacing
16.12.2021
When Chris first sent me this prompt, I was thinking about writing about progressive enhancement, but that subject is so wide-reaching to be one thing and all too predictable, especially for those already familiar with my writing. Saying that, what …
Remove Trackers
15.12.2021
Earlier this week, I tried out a starter theme for a blog platform. The theme had loads of nice default features: pretty typography, fancy navigation, dark mode widget… and a couple of default trackers I really don’t want just sitting …
Coding Font Game
19.11.2021
A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…
The post Coding Font Game appeared first on CSS-Tricks. You can support CSS-Tricks...
Line length revisited: following the research
16.11.2021
Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …
The post Line length revisited:...
Some Typography Links VIII
21.10.2021
Do you know what to use the @ sign for something other than email addresses and Twitter handles? I do! —  Pawel Grzybek notes how some old physical typewriters had an “Arroba” on them which was represented with the @
…
The post Some Typography Links VIII appeared first...
Repetitive Typography Animation
20.10.2021
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
The post Repetitive Typography Animation appeared first on Codrops
Repetitive Typography Animation
20.10.2021
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
The post Repetitive Typography Animation appeared first on Codrops
Kinetic Typography Page Transition
29.9.2021
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
The post Kinetic Typography Page Transition appeared first on Codrops
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Some Typography Links VII
1.9.2021
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much, much more.
The post Some Typography Links VII appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
Creating a Typography Motion Trail Effect with Three.js
21.7.2021
Learn how to use WebGL framebuffers via Three.js to create an interactive motion trail effect for text.
The post Creating a Typography Motion Trail Effect with Three.js appeared first on Codrops
Some Typography Links
16.7.2021
Glitter text — whO (I learned a name for people who go by a one-word moniker like that: Mononymous) created a builder for fancy SVG-based type. It’s a custom font with <text>, and the fancy comes in with a
…
The post Some Typography Links appeared first on CSS-Tricks. You...
Working around the viewport-based fluid typography bug in Safari
28.6.2021
Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn’t resize when the browser window resized. Back then, it affected Chrome 20 and Safari 6, but the bug still persists today in Safari …
The post Working around the viewport-based fluid typography bug...
Inline to Menu Link Animation
23.6.2021
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
The post Inline to Menu Link Animation appeared first on Codrops
Links on Typography
18.6.2021
I studied the fonts of the top 1000 websites. Here’s what I learned. — Michael Li brings the data. San-serif has total dominance. “[…] it is rare to go below 10px or above 24px.” And poor <h5> always being the
…
The post Links on Typography appeared first...