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





  1. It’s about time I tried to explain what progressive enhancement actually is

    Progressive enhancement hasn’t caught on nearly as much as it should. It’s likely related to folks not being able to envision it working in their real world contexts. This post attempts to alleviate that and reignite the conversation.

    Progressive Enhancement

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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