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





  1. A CSS project boilerplate

    For the many folks who ask how I write CSS since removing Sass, this is how I and the Set Studio team do it in 2024.

    CSS

  2. Interop 2024

    After the success of previous years, it’s great to see Interop is back in 2024. In this post, I note down what I’m looking forward to.

    CSS

  3. Some information about my upcoming workshop and course

    I’m doing a lot of content this year, but the stuff I’m most excited about is a brand new workshop and a brand new course. They follow a similar theme to each other: helping you to become a better CSS developer who writes more scalable, maintainable CSS.

    Announcements

  4. Happy international box sizing awareness day

    My all-time favourite CSS technique — courtesy of Paul Irish — celebrates another birthday.

    CSS

  5. It feels like React is getting a bit of a kicking recently

    I talk about an apparent attitude shift in attitude towards React in the community and also make some recommendations about decision-making for your projects.

    Advice

  6. A highly configurable switch component using modern CSS techniques

    Learn how build a highly configurable switch component using modern CSS, such as :has(), container queries, Logical Properties and Custom Properties.

    CSS

  7. Low-tech Eleventy Categories

    Eleventy has built-in tagging and collections capabilities that I’m riffing on to show you how to build a super simple category system with RSS feeds for each one.

    Eleventy

  8. Piccalilli Links

    I give a run-down about the new links setup on the Piccalilli site and how it all works.

    Announcements

  9. Reality Check #3: Building out a layered hero grid layout from Dribbble

    In this edition of Reality Check, I tackle an interesting grid layout that also features some pretty unique background image treatment.

    Reality Check

  10. Piccalilli will return in 2024

    Announcements