Updates: page 14

  1. Looking for Piccalilli links

    Hey Pals 👋,

    I’m looking for a featured article for this week’s issue of Piccalilli.

    If y’all have any favourites, especially by people who are underrepresented on here, please submit them.

    The same goes for any cool demos or sites too!

    https://submissions.piccalil.li

  2. Hylia fun fact

    Fun fact about Hylia: The stock build has zero front-end JavaScript (ignoring the tiny bit of service worker stuff), even though plenty is used to generate it.

    Pre-build FTW.

    It feels good to give people a solid, performant starting point.

    https://hylia.website

  3. Modern CSS win

    One thing I absolutely love about modern CSS is that you have to write barely any of it to achieve an absolute tonne.

    It really pays to under-engineer your approach, rather than massively over-engineer it (cough css-in-js cough).

  4. Using outline instead of border

    A little 🔥 tip for you:

    You can use outline instead of border to achieve the same visual effect, but it’ll bleed over the edges nicely.

    It’s great for responsive elements like in this video:

    Video altA screencast of my browser resizing over an availability element on my site. There’s a bright border that bleeds over the edges when the screen is shrunk. 
     

    I learned this trick from @heydonworks because that’s how he got the sidebar border working perfectly on every-layout.dev with no breakpoints.