Ancestors

Toot

Written by Ahmad Shadeed on 2025-01-05 at 18:43

🛠️ New Interactive Article: Balancing Text In CSS

I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️

https://ishadeed.com/article/balancing-text-css/

=> View attached media

=> More informations about this toot | More toots from shadeed9@front-end.social

Descendants

Written by Ahmad Shadeed on 2025-01-06 at 14:15

Just pushed an update that should make it better for mobile. Those are kind of changes that If I keep them before publishing the article, my OCD won't let me publish it till next year. 😅

=> More informations about this toot | More toots from shadeed9@front-end.social

Written by Christopher Kirk-Nielsen on 2025-01-05 at 23:06

@shadeed9 Excellent article, as always! I agree that pretty is a little un-CSS-y as a keyword. Might have been better as text-wrap: balance-last (or with space-separated keywords, e.g. text-wrap: balance [all | last]?). I also like the idea of a ratio… probably a little more complex to implement performantly, but for short text, it'd be a super useful tool!

=> More informations about this toot | More toots from chriskirknielsen@front-end.social

Written by Daniel on 2025-01-06 at 14:40

@shadeed9 Interesting! I feel like hyphenation is so closely related to line breaks it should have a part in there, too!

Thinking is there a way to add invisible newline breakpoints similar to ­ hyphenation breakpoints?

=> More informations about this toot | More toots from djh@chaos.social

Written by Benoit on 2025-01-08 at 06:34

@shadeed9 The quality of this kind of blog post. 😍

=> More informations about this toot | More toots from benoit@ruby.social

Written by Ahmad Shadeed on 2025-01-08 at 10:17

@benoit thanks a lot! so glad to hear that :)

=> More informations about this toot | More toots from shadeed9@front-end.social