Better Web Typography for a Better Web – Free E-mail course

Web design is 95% typography, Oliver Reichenstein famously claimed. So web designers and front-end developers should all have typography skills. Skills that go beyond merely choosing fonts but actually contribute to producing readable, legible and inviting content online. Would you say that’s the case? Things are getting better but we’re still not quite there yet. This is where Better Web Type comes in.

 

Läs mer och prenumerera gratis: Better Web Typography for a Better Web | Better Web Type

Designing Typography Insight for HoloLens – Microsoft Design | Medium

A designer’s journey from 2D sketches to 3D mixed reality

I would like to share my journey of designing and developing Typography Insight for HoloLens. Typography Insight for HoloLens is an app that allows you to experiment and play with types in three-dimensional mixed reality space. I first published the app on iOS about five years ago and it was embraced by the design and education communities. Here is my story on how I brought the app from iOS to Windows, and from Windows to HoloLens.

Källa: Designing Typography Insight for HoloLens – Microsoft Design – Medium

Typography tips for a better user experience – Studio Function – Medium

The average person with a smartphone or laptop and a stable internet connection probably spends more time interacting with typography in a single day than with food, music, and family combined. The…

Källa: Typography tips for a better user experience – Studio Function – Medium

Mobilo — Animography

Mobilo Animated is a project by Animography to explore the balance between randomness and a systematic approach in type-design and animation.

The animated typeface is a collaboration between 1 type-designer and 236 animators. Each animator brought a single character to life in his/her signature style. This was done using no more than 4 colors and 25 frames in a composition of 500×600 px…

Källa: Mobilo — Animography

Japanese Typography Series – Writing System | FontShop

Want to learn more about the beautiful and intricate Japanese typography? In the coming weeks, our guest author and typographer Toshiya Izumo will teach you the nuts and bolts of Japanese typography in three articles: how do the Japanese write, how do the Japanese use the Latin Alphabet in design, and an introduction to the Japanese foundry scene. Now, let’s get started with the Japanese writing system.

Följ artikelserien på FontShop

Deep dive CSS: font metrics, line-height and vertical-align – Vincent De Oliveira

An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.

Läs och begrunda: Deep dive CSS: font metrics, line-height and vertical-align – Vincent De Oliveira

 

What we learned (TL;DR):

  • inline formatting context is really hard to understand
  • all inline elements have 2 height:
    • the content-area (based on font metrics)
    • the virtual-area (line-height)
    • none of these 2 heights can be visualize with no doubt. (if you’re a devtools developer and want to work on this, it could be awesome)
  • line-height: normal is based on font metrics
  • line-height: n may create a virtual-area smaller than content-area
  • vertical-align is not very reliable
  • a line-box’s height is computed based on its children’s line-height and vertical-align properties
  • we cannot easily get/set font metrics with CSS
  • there is a related future spec to help with vertical alignment: the Line Grid module

 

OpenType at Work – Standard Ligatures | Type Network

OpenType features allow users to take their typography to the next level—but not everyone has a firm grasp of them. This article kicks off a series that will explain what OpenType features do and how to make the most of them.

Läs mer nu: OpenType at Work | Standard Ligatures

Mission to Mercury: Designing a clean reading experience for web articles

It’s not every day you get to redesign a product used by hundreds of thousands of people, virtually overnight. But that’s what happened when we launched Mercury Reader, a Google Chrome plugin for formatting articles into a clean reader view.

Källa: Mission to Mercury: Designing a clean reading experience for web articles