Search

Nalezeno "Typography": 146

Managing CSS Styles in a WordPress Block Theme

7.11.2022
The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json, a new file that WordPress has been pushing … Managing CSS Styles in a WordPress Block Theme originally published...

Adding Fluid Typography Support to WordPress Block Themes

7.10.2022
Fluid typography is a fancy way of “describing font properties, such as size or line height, that scale fluidly according to the size of the viewport”. It’s also known by other names, like responsive typography, flexible type, fluid type, … Adding Fluid Typography Support to WordPress Block...

Designing for Long-Form Articles

10.8.2022
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

20.6.2022
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

Customizing Color Fonts on the Web

26.5.2022
Myles C. Maxfield on the WebKit Blog published a nifty how-to for color fonts. It comes on the heels of what Ollie wrote up here on CSS-Tricks the other day, and while they cover a lot of common … Customizing Color Fonts on the Web originally published on CSS-Tricks. You should get...

Improving Icons for UI Elements with Typographic Alignment and Scale

17.5.2022
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

11.5.2022
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

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

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

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