What Is a Static Site Generator?

Static site generation has continued to grow and grow in popularity. I try and explain what one is, and why it might be suitable to you or your project.

What Is a Static Site Generator?

Break Out of CSS Nesting with Sass

On the occasion that you need to break a single (or several) CSS rules out of the nested structure of your CSS, the Sass @at-root rule is exactly what you need.

Break Out of CSS Nesting with Sass.

Hiding Empty Elements with CSS

A very brief tip about using the CSS :empty pseudo-class to hide elements when they contain no content.

Hiding Empty Elements with CSS.

Disabling Text Selection Highlighting with CSS

User-select makes stopping visitors from selecting items on-page easy, and can be combined with ::selection to capture the browsers where user-select is absent.

Disabling Text Selection Highlighting with CSS.

Prepending PHP to a Page in Gatsby

Whilst many Jamstack developers would consider it absolute sacrilege, there are still occasions where you need PHP functionality, within your Gatsby site...

Prepending PHP to a Page in Gatsby.

Automatically Generate urllist.txt From sitemap.xml

Using PHP it is quick and easy to automatically generate your urllist.txt sitemap from your sitemap.xml file (for example, using gatsby-plugin-sitemap).

Automatically Generate urllist.txt From sitemap.xml.

If Not Internet Explorer Conditional HTML

Conditional comments allow us to target specific versions of Internet Explorer. However there is a distinct different between IE and !IE selectors...

If Not Internet Explorer Conditional HTML.

Setting CSS Blur Filter to Zero on a Retina Screen

A bug in the WebKit engine that only affects website Retina screen devices means that setting a zero-blur filter in CSS isn't as easy as it should be.

Setting CSS Blur Filter to Zero on a Retina Screen.