Search

Nalezeno "typography": 103

On-Scroll Typography Animations


Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design

Designing for Long-Form Articles


Designing a beautiful “article” is wrought with tons of considerations. Unlike, say, a homepage, a long-form article is less about designing an interface than it is designing text in a way that creates a relaxed and comfortable reading experience. That’s … Designing for Long-Form Articles...

15 Best Number Fonts for Displaying Numbers


Website typography has multiple different aspects; displaying numbers on the screen is among the most important ones. There are many use cases when you might want to focus on... The post 15 Best Number Fonts for Displaying Numbers appeared first on Onextrapixel

Improving Icons for UI Elements with Typographic Alignment and Scale


Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even … Improving Icons for UI Elements with Typographic...

COLRv1 and CSS font-palette: Web Typography Gets Colorful


According to Toshi Omagari, the author of Arcade Game Typography, the world’s first multi-colored digital font was created in 1982 for a never-released video game called Insector. Multi-colored fonts, sometimes called chromatic type, are still relatively rare on the … COLRv1 and...

On-Scroll Text Repetition Animation


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


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


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

8 Interesting Typography Links for January 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


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 …

Coding Font Game


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


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


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


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

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace