What’s the best font size? A guide for body text in responsive web design - YouTube
💌 Pimp my Type Newsletter with weekly font recommendations:
https://pimpmytype.com/newsletter
📰 Corresponding article with more on UI and display sizes:
https://pimpmytype.com/font-size
⬛️ Example on CodePen:
https://codepen.io/glyphe/pen/abWydyO
⚫️ The cool photo magazine I mentioned
https://ausloeser.org
TL;DW: Start with your body text and set it at a default size of 1 em, which is calculated as 16 px in most browsers. From there, scale up the font size and ideally also the layout proportionally and make it larger on larger view ports, since we can assume that the viewer is further away.
You want your text to be read, right? Then set it at a sufficient size! But what is a good font size, and how can you apply it in your web or app design? This video has answerers for you with some practical examples focused on body text in responsive web design.
Chapters:
0:00 Intro
1:19 The Holy Trinity of Typography
1:50 Sizes for different kinds of text
2:38 Set it relative to the viewer’s distance
3:50 Example: bad font size
4:18 Responsive font size
7:31 Pimp my Type Newsletter
7:52 Summary
8:08 Outro & Outtakes
White Fragility: Why It's So Hard for White People to Talk About Racism: DiAngelo, Dr. Robin, Dyson, Michael Eric: 9780807047415: Amazon.com: Books
White Fragility: Why It's So Hard for White People to Talk About Racism [DiAngelo, Dr. Robin, Dyson, Michael Eric] on Amazon.com. *FREE* shipping on qualifying offers. White Fragility: Why It's So Hard for White People to Talk About Racism
Why Accessibility Matters in Mergers and Acquisitions
Any company thinking about acquiring another company (the target) will not jump into a deal without doing a thorough analysis. While two companies may look compatible on paper, often the market per…
Why Emails Are Like Stairs—and How to Take the Next Step - Litmus
Creating an email program is a lot like adding a set of stairs to a building. Stairs are standard for multi-level buildings—much like an email program is standard for a marketing campaign. But while stairs work, you might have to go a step further. You might need to add ramps for individuals in wheelchairs, or carrying rolling luggage. Maybe you have a building where an elevator makes the most sense in addition to a stairwell. Sometimes, escalators make the most sense. It’s the same way for email—you’re building an email program with many different kinds of subscribers and you simply need to think past your basic “stairs.”
Why Motion on Websites and Digital Content Is a Problem
Have you ever attended a presentation where a slide has an animated clip (GIF)? And it keeps repeating itself? Or on social media where a comment has an animated GIF that plays endlessly? What abou…
Since it was announced at WWDC over the summer, the lion’s share of conversation around shortcuts has been about getting things done quickly and efficiently. Apple’s marketing message focuses on how shortcuts in iOS 12 help “streamline the things you do often” using Siri and/or the Shortcuts app. The company also recently put out a
This factsheet highlights some of the actions you can carry out quickly on your computer by using key combinations rather than using the mouse to navigate menus and options. These key combinations
An overview of mental health disabilities commonly experienced in the workplace as well as publicly available resources designed to support both employers and employees with workplace mental wellness.
Writing a Kiosk RFP: Recommended Accessibility Requirements - TPGi
Kiosk Accessibility | If you are writing a Kiosk RFP – Kiosk Accessibility requirements you should include: examples and resources to help make sure that your kiosk will be accessible!