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

          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/
        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/
      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/
    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)
  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/
    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
      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