Overlapping elements with CSS grid
Using CSS Grid to overlap two rows and allow a content image to “break out” of the text container.
Read morePosts about The internet
The internet plays a huge role in my life, from a place to share photos and videos, to a career, to a means of communication linking me to friends and family all over the world.
Block Variations for WordPress Gutenberg
WordPress’ block editor “Gutenberg” allows us to register custom block styles for a particular block. But since WordPress 5.4, we can use Block Variations to add other presets with different default settings.
Read moreWordPress hooks and hook attributes – how to use them more efficiently
Explaining how to use WordPress hooks, and how to fine-tune them to improve legibility and code efficiency.
Read more
Delivering mockups for WordPress Gutenberg
How to mock up a website design when every page can be built individually and controlled completely by the editorial staff.
Read more
Font sizing for the web
There are three main options for setting the size of text in the web using CSS. The font size can be set in “pixels”, in “EM”s or in ”REM”s. It can be a little difficult to understand where the differences lie, and which unit of measurement is correct.
Read moreCreating your own reusable content using the WordPress Block Editor
Since the release of WordPress 5.2, authors and editors can put together their own reusable content components without needing to do any programming work. This is thanks to a powerful combination of Reusable Blocks and the Group Block.
Read more
Combining the WordPress Customizer and Gutenberg Editor colour palettes
Using CSS variables through the WordPress Theme Customizer to make custom colour schemes in the Gutenberg Editor.
Read more
Responsive imagemap with highlighting, using SVG
Implementing a CSS- and SVG-based responsive imagemap for a client in Toronto.
Read morePassing data to WordPress template parts
How I use WordPress’ template part logic, but additionally pass scoped data to the template part.
Read moreTechnical case study: Gutenberg Blocks outside the content area
WordPress’ Gutenberg Editor allows you to do much more than create and edit content in a single content column.
Read more
There’s more to life than WordPress
I’ve been using WordPress since the very first version and love it. In a talk at WordCamp Zurich, I shared some of the experiences I’ve gained as a CMS developer, website builder, content manager and blogger since the late 1990s.
Read more
A Short History of the Web
The history of the web (and the invention of jam) by Martin Splitt at Front Conference in Zurich.
Watch videoWhy using BEM for your CSS is a good idea
Four years after writing that BEM syntax in CSS indicates weak coding principles, it’s time for a retraction.
Read moreCreating a single-width Gutenberg block
How to create your own Gutenberg block with only a full or wide alignment option, instead of the usual possibilities.
Read more
The wonders of CSS Grid
I’m beginning to delve into the newest extension of the CSS style rule possibilities at a professional level, in order to design and create websites which break the mould.
Read more
Technical case study: simple, invisible language switching
Using a website visitor’s browser settings to seamlessly display content in a language they can understand.
Read more
cubetech Desk Memories
The farewell photo of my fourth office desk in Switzerland, before I start afresh in the Bernese Oberland.
Read moreWhat I’ve built with WordPress
Some people believe that WordPress isn’t suitable for more than a simple website. Throughout my career, I’ve proved that assumption wrong many times over.
Read moreSaying hello to a better future
I’m moving to Swiss web agency Say Hello as partner, client consultant and full-stack developer from January 2019.
Read more
Technical case study: working around an intensive site cache
How I swapped out individual sections of a high-traffic site to make best use of WordPress’ REST API.
Read more