Articles

  1. End-to-end testing an Astro project with Playwright

    A comprehensive suite of end-to-end tests reduces manual testing efforts and can cover different use cases and environments in a matter of seconds. Setting up such a worklfow in an Astro project only takes a handful of steps and can even be extended to include things like accessibility testing.

  2. Highlighting the current page in Astro

    Highlighting the currently active page in a navigation is a quick win to help users orient themselves on a web site. Astro handles this differently than other frameworks, but still makes it easy to achieve this.

  3. Syntax highlighting in Jekyll with Rouge

    Many blogs on the web are centred around code so syntax highlighting in code blocks is useful to help readers better understand the displayed code. Jekyll offers easy ways to integrate highlighting into the build chain, for example using Rouge.

  4. Using data attributes to write CSS components

    With BEM, SMACSS, OOCSS and other methodologies for CSS architecture there's been a lot of debate around which method is better than the others. AMCSS is an alternative approach, and in this post I will outline how I use it to write CSS components.