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





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

  2. Happy international box sizing awareness day

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

    CSS

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

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

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

  6. Piccalilli Links

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

    Announcements

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

  8. Piccalilli will return in 2024

    Announcements

  9. LH units are cool

    CSS

  10. Reality Check #2: Building out a fancy 404 page from Layers

    Reality Check