Blog

If you’re interested in accessibility, user experience design, and/or frontend development, you’re in the right place. You can also browse by category or year.

  1. HTML-only Dark Mode

    Article posted 2nd June 2021 in Accessibility, CSS and HTML

    When our CSS contains Dark Mode rules and the file fails to load, we’re left with plain old HTML. Luckily we can request Dark Mode in our markup!

  2. Front of the frontend

    Article posted 1st June 2021 in CSS, Development and HTML

    Frontend development use to be simple. First it was just HTML, then it was HTML, CSS and some JavaScript; then it exploded.

  3. Accessible responsive tables

    Article posted 28th May 2021 in Accessibility, CSS, Development and HTML

    Tables can be tricky to make work responsively; they can also be tricky to make accessible. Here’s a step by step guide to making your tables both!

  4. Refining focus styles with focus-visible

    Article posted 25th May 2021 in CSS and Development

    :focus-visible triggers only on keyboard focus; not on click. This can make our interfaces cleaner, but should it replace :focus completely?

  5. AVIF and WebP are not always better than PNG and JPG

    Article posted 24th May 2021 in Development and Performance

    AVIF and WebP are better image compression smaller files than PNG and JPG, but

  6. Converting images to AVIF in 2021

    Article posted 18th May 2021 in Development and Performance

    AVIF is amazing, but the big downside is that it’s not an export option in any of my image software yet. Here’s what I’m doing in the meantime.

  7. AVIF image compression is incredible

    Article posted 17th May 2021 in Development and Performance

    WebP images are now supported in all modern web browsers, but the emerging AVIF format promises to be even better; I’m pleased to tell you it is!

  8. Using Git restore to discard changes within a file

    Article posted 11th May 2021 in Development and Git

    git restore is great, and one of its superpowers is its patch mode where we can restore parts of a file, rather than the whole file at once.

  9. Undelete a file with Git

    Article posted 10th May 2021 in Development and Git

    I’ve talked about how great git restore is, but I missed a really obvious use of git restore: restoring a deleted file!

  10. Be careful with strikethrough

    Article posted 20th April 2021 in Accessibility, Development and HTML

    Struck-through text isn’t read by screen readers. This is true of all text-level semantics, but it’s worth drawing attention to strikethough.