Open in app

Sign In

Write

Sign In

Ethan Wang
Ethan Wang

893 Followers

Home

About

Published in Microsoft Design

·Aug 18, 2020

Leading-Trim: The Future of Digital Typesetting

How an emerging CSS standard can fix old problems and raise the bar for web apps — The problem with text boxes today In a standard text box, there’s almost always extra space above and below the actual text. Because of this, when you use a text box to measure and implement spacing, it ends up larger than you intended. The bigger the line height, the bigger the problem. The example below shows…

Design

9 min read

Leading-Trim: The Future of Digital Typesetting
Leading-Trim: The Future of Digital Typesetting
Design

9 min read


Published in UX Collective

·May 29, 2019

The 4px baseline grid — the present

I’ve been using the 4px baseline grid for 2+ years now and have been trying to get my team to use it as well. I finally overcame my procrastination and decided to talk about it in my first Medium article. I’m looking for feedback on this method, so please let me know your thoughts! Here goes nothing. — The problem It drives me crazy that the text bounding box almost always brings in extra space above and below the actual text. Therefore, when the bounding box is used to measure space, it ends up being bigger than you intended. The bigger the line height, the bigger the problem. In the…

UI Design

7 min read

The 4px baseline grid — the present
The 4px baseline grid — the present
UI Design

7 min read

Ethan Wang

Ethan Wang

893 Followers

Move whole pixels at Microsoft

Following
  • Sketch

    Sketch

  • Bethany Heck

    Bethany Heck

  • Manu Gupta

    Manu Gupta

  • Jeeyoung Jung

    Jeeyoung Jung

  • Cheryl Couris

    Cheryl Couris

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech