piccalilli_’s avatarpiccalilli_’s Twitter Archive—№ 51,343

  1. It’s been a while since I did a run-through of recent content on piccalil.li, so here’s a thread 👇 First up: I wrote up a tutorial to help you improve the readability of your websites with tips on typesetting, spacing and rhythm: piccalil.li/tutorial/improve-the-readability-of-the-content-on-your-website/
    On twitter.com ↗ piccalilli_’s avatar ♻️ 3 Retweets ❤️ 10 Favorites 2021 Mar 16 Mood +5 🙂
    1. …in reply to @piccalilli_
      Related to that, how about a nice, simple, fluid type system using CSS clamp? piccalil.li/tutorial/fluid-typography-with-css-clamp/
      Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 2 Favorites 2021 Mar 16 Mood +3 🙂
      1. …in reply to @piccalilli_
        Users on Windows High Contrast mode often don’t see box shadows and backgrounds, so a neat trick is to use transparent outlines and borders to enhance sharp shadow-based focus states: piccalil.li/quick-tip/use-transparent-borders-and-outlines-to-assist-with-high-contrast-mode/
        Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 2 Favorites 2021 Mar 16 Mood 0
        1. …in reply to @piccalilli_
          Want to use Next JS but don't want the eye-watering amount of client React code and full page hydration? Check out this tiny snippet to completely remove client JavaScript: piccalil.li/quick-tip/disable-client-side-react-with-next-js/ (pssst it's what the piccalilli site does)
          Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 3 Favorites 2021 Mar 16 Mood 0
          1. …in reply to @piccalilli_
            And finally, the current form of Piccalilli celebrated its one year anniversary. Here’s a look back at the year piccalil.li/blog/year-one/
            Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 1 Favorite 2021 Mar 16 Mood +3 🙂
            1. …in reply to @piccalilli_
              Upcoming stuff: - A new premium tutorial on building a carousel - A new section of the site to help you learn better - *Loads* of new blogs, tutorials and quick tips - A new CSS course to help you write better CSS Sign up to stay in the loop: piccalil.li/#email
              Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 3 Favorites 2021 Mar 16 Mood +8 🙂
              1. …in reply to @piccalilli_
                Ooooh actual last one: I'm bringing Front-End Challenges club back too. The premise: I set a challenge and you try to build it how you want, then a few weeks later, I publish my solution as a tutorial. It's a really helpful way to learn stuff! piccalil.li/category/front-end-challenges-club
                Permalink On twitter.com ↗ piccalilli_’s avatar ❤️ 7 Favorites 2021 Mar 16 Mood +3 🙂