zachleat’s avatarzachleat’s Twitter Archive—№ 25,612

  1. Shout out to the vw unit which does very different things based on the Mac OS Show scroll bars system preference. Specifically 100vw only forces a horizontal scrollbar when the Always value is selected (in Firefox, Chrome, and Safari). Demo: s.codepen.io/zachleat/debug/ardKvR
    oh my god twitter doesn’t include alt text from images in their API
    On twitter.com Twitter logo zachleat’s avatar ♻️ 6 Retweets ❤️ 25 Favorites Mood 0
    1. …in reply to @zachleat
      Practically speaking, the methods on this @css article about full width containers all have a horizontal scrollbar. 😭 css-tricks.com/full-width-containers-limited-width-parents/ The last method seems to work but it’s cheating with body { overflow-x: hidden } 😎
      Permalink On twitter.com Twitter logo zachleat’s avatar ♻️ 1 Retweets ❤️ 1 Favorite Mood -2 🙁
      1. …in reply to @zachleat
        I remember fixing issues with scrollbar widths in IE7—and now I’m back
        Permalink On twitter.com Twitter logo zachleat’s avatar ❤️ 4 Favorites Mood 0
        1. …in reply to @zachleat
          Some more background in this excellent post from @tigt_ codepen.io/tigt/post/bust-elements-out-of-containers-with-one-line-of-css#oh-no-a-horizontal-scrollbar-6
          Permalink On twitter.com Twitter logo zachleat’s avatar ❤️ 7 Favorites Mood +3 🙂
          1. …in reply to @zachleat
            This post from @tylersticka solves this exact problem using CSS Grid instead of problematic vw units. cloudfour.com/thinks/breaking-out-with-css-grid-layout/
            Permalink On twitter.com Twitter logo zachleat’s avatar ♻️ 2 Retweets ❤️ 18 Favorites Mood -1 🙁