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





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

  2. Piccalilli will return in 2024

    Announcements

  3. LH units are cool

    CSS

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

    Reality Check

  5. Reality Check #1: Building out a furniture site from Dribbble

    Reality Check

  6. A (more) Modern CSS Reset

    I wrote “A Modern CSS Reset” almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version.

    CSS

  7. How a minimum viable experience produces a resilient, inclusive end-product

    Progressive Enhancement

  8. My favourite 3 lines of CSS

    CSS

  9. Line heights in CSS work better with ratios

    CSS

  10. A CLS punishment for progressive enhancement?

    I’ve stumbled across an issue with Lighthouse where I get a bad performance score for a progressive enhanced burger menu pattern.

    General