Front-end education for the real world. Since 2018.





  1. How to stop Figma using your work to train their “AI” models

    A really quick video to show you where the right settings are and what settings to disable to protect your work.

    Quick Tip

  2. The time for designers to learn to code is now

    With design tools further commoditising and sanitising expected creative output, the time for designers to be able to stand out is very much here. I think for some, learning to code is a good route for that.

    Opinion

  3. Front-End challenge: Eyebrow heading dots

    We’re doing it differently in this edition. There’s already code and I’m challenging folks to refactor and improve my solution with modern CSS.

    Front-End Challenges Club

  4. Mask image is pretty handy

    Often overlooked, the mask-image property can be a simple way to inject some character into your web design work.

    CSS

  5. A quick and easy guide to Markdown

    So many Markdown guides are either too complicated or really hard to read. I thought I’d try to fix that with a super simple, clear guide.

    Explainer

  6. Let’s make a floating button sign up form pattern

    I tackle an age-old design pattern and build it with nice, simple CSS.

    CSS

  7. How I’m using “AI”

    An honest roundup of what I personally think of “AI” and how it genuinely has its uses in my day-to-day work.

    Opinion

  8. How a handful of independent publishers are doing their thing

    I really like paying good writers so I thought I’d recommend a handful of publications I’m paying for and look at how they do things.

    Opinion

  9. I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry

    There’s a lot of chatter about CSS masonry at the moment. Should it be called “masonry” and should it be grid? Let’s worry about the basics first.

    CSS

  10. Full text RSS is back

    Ever since we re-platformed Piccalilli to Astro, full text RSS no longer worked like it did with Eleventy. We’ve hacked together a fix and now it does!

    Announcements