Running masonry script depending on viewport width

My newest theme will use the Masonry script to display image grids. But I only need this function if the viewport is wider than a particular width. If the viewport is narrower than this width, the images are displayed below each other, and for that, I do not need to initialize the script. This post shows you how to get this behavior working.

Continue reading "Running masonry script depending on viewport width"

New option for »Schlicht«: Vollkorn font instead of Sorts Mill Goudy

Yesterday I released a new version of Schlicht with an additional customizer option, which lets you change the font. With that, you can now use Vollkorn instead of Sorts Mill Goudy.

You can see it in action in the demos — as well the default as the alternative layout. Besides that change, version 1.2.0 brings a few smaller style improvements for the header area of posts. More about that in the changelog.

Check kerning of fonts with »WAVES«

This time only a small tip. To get a quick overview about a font’s kerning, you can use the word WAVES. If there are large not-so-nice large spaces between letter pairs, like for Crimson Text in the screenshot above, you maybe should search for an alternative font.

I found the tip in the chargeable typography checklist from Typewolf – but, for example, they also use the word in a thread on typedrawers.com.

Auto deployment to staging and production server with GitLab CI

I recently started to deal with Continuous Integration (CI). With that, you can automatically run tasks after pushing to a version control repo, like code testing or deployment. This post shows you how a deployment process to staging and production server can look with GitLab.

Continue reading "Auto deployment to staging and production server with GitLab CI"