m_ott’s avatarm_ott’s Twitter Archive—№ 19,608

          1. Wow. This is a groundbreaking idea by timbrown! 🤯 “As designers of flexible compositions, we need to understand that there is inherent balance in good-looking typography, and that this balance is disrupted by pressure that results from layout changes.” tbrown.org/notes/2022/05/04/css-forces/
            OpenGraph image for tbrown.org/notes/2022/05/04/css-forces/
            Permalink On twitter.com Twitter logo m_ott’s avatar ❤️ 13 Favorites 2022 May 4 Mood +1 🙂
        1. …in reply to @m_ott
          This is EXACTLY what happens when our fluid layouts start to look ugly. His idea on how to solve it? “To achieve an active balance throughout a composition, we should borrow a concept from fluid dynamics: pressure-gradient forces.”
          oh my god twitter doesn’t include alt text from images in their API
          Permalink On twitter.com Twitter logo m_ott’s avatar ❤️ 1 Favorite 2022 May 4 Mood -1 🙁
      1. …in reply to @m_ott
        Having seen 5t3ph’s brilliant talk about flexible CSS layout with calc(), clamp(), minmax() et al at #btconf (online soon) and considering that container queries are just around the corner, this sounds like something that should be possible to do with CSS one day (soon).
        Permalink On twitter.com Twitter logo m_ott’s avatar ❤️ 4 Favorites 2022 May 4 Mood +6 🙂
    1. …in reply to @m_ott
      But it also works as a theoretical concept on its own! Think about it: Which are the variables (font size, weight, line-height, gaps vs vw, vh, vmin, vmax, etc.) that influence at what point the layout constraints put too much pressure on your typographic system?
      Permalink On twitter.com Twitter logo m_ott’s avatar ❤️ 2 Favorites 2022 May 4 Mood -1 🙁
  1. …in reply to @m_ott
    And *this* is the stuff people mean when they talk about building with “the grain of the Web”: using the Web’s inherent flexibility as a strength rather than a limitation or even declaring it broken because more appropriate solutions require focus, care, and attention to detail.
    On twitter.com Twitter logo m_ott’s avatar ♻️ 1 Retweets ❤️ 7 Favorites 2022 May 4 Mood +5 🙂