084: Text Wrap

In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform. Learn how you can create logical layout rules for your headings and other copy with just one line of code.
Resources:
text-wrap on MDN → goo.gle/3zvwixd
soft breaks → goo.gle/4cXKLAq
Una Kravets (co-host)
Twitter → goo.gle/452aBRb
Instagram →
RUclips → goo.gle/457oMnS
Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face Host of Tools Today → goo.gle/4aI6JpC &
Designing in the Browser 🎬 → goo.gle/4e4YTcM
Adam Argyle (co-host)
Twitter → goo.gle/3yFnHYu
Instagram → goo.gle/3wUb6QJ
RUclips → goo.gle/4dZNKK7
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
CSSWG → goo.gle/4bFErxq
VisBug → goo.gle/4bDcVQZ
Watch more The CSS Podcast → goo.gle/CSSpodcast
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#CSSPodcast #ChromeForDevelopers #Chrome
Speaker: Una Kravets, Adam Argyle

[@dave6012]

Discussing GUI over an audio medium is a little counterproductive…

[@vengateshvaidyanathang550]

Screening the UI changes will do great

[@kokobojka]

❤

[@welling1]

Really wish this was video with examples.

[@RickBeacham]

I prefer to visualize CSS with a video.

[@TheChooseAName123]

Does balance really go by the number of characters? I expected it to go by the length/width of the lines. Because that would indeed be much more expensive.

[@SebastianZartner]

Little note regarding Firefox' implementation of text-wrap: balance: I've added a hint to the DevTools for the case when it doesn't apply due to the max. number of lines being exceeded. And, you can adjust the max. number of lines via the layout.css.text-wrap-balance.limit preference in about:config.

[@JacobCanote]

nowrap

[@SERGIUS_ORIGINAL]

Return the code to the screen

[@SERGIUS_ORIGINAL]

where is the good old coding, what kind of oven is it unclear

[@dvdt2]

😅

[@SERGIUS_ORIGINAL]

where is the good old color, what kind of oven is it unclear