UX Expert,
Digital Business Innovator and Entrepreneur

Working in Asia, Europe, USA and the rest of the world has changed me. Different cultures, traditions and work ethic are magnificent. I love to take challenges and new opportunities that enable me to continuously grow.

Start with a minimal viable product

— My Lean Startup Motto

Stay focused on user benefits

— My User Centered Design Motto

Help people to grow individually

— My Agile Leadership Motto

Latest articles

Thoughts, topics or solutions I would like to make available to you, colleagues and fellow enthusiasts.

June 2021

Different ways to use the range method in Hugo

The range method in combination with where or sort is extremely powerful in Hugo - static website engine. Learn how to use range for pages, taxonomy or even numbers.

May 2021

Automated image handling and processing in Hugo

Guide for automated image processing in Hugo - static website engine. Learn how to resize and convert images, to speed up your build process and fallback solutions.

April 2021

Different ways to get an image as page resource in Hugo

In this tutorial I will focus on different ways to handle images in Hugo. Learn how to find and select images in every content and asset folder and don’t forget the fallback.

December 2020

How to get access to data from different AlpineJS components

In this article you will find two answers to this question and one of them feels right. So dive into the details and get things done the lean way.

November 2020

The best way to use x-cloak in Alpine JS

To give you an easy explanation: x-cloak will be removed after Alpine JS initializes. Understood everything? But if you are still asking yourself why is this important - keep …

Various topics

I enjoy diving into the details so, for those who know me personally, it is not surprising that I chose to summarize this knowledge in some articles.

Working examples

A selection of my work, that I can publicly make available, in the field of UX design and front-end development.
Logo Markus A. Wolf

TA-Styled-Plugins

The idea behind TA Styled is to create small, mobile first, accessible, reusable and components based on Tailwind CSS and Alpine JS.

I figured out that especially in comparison with this famous framework of the old days, Alpine JS is way better. I am a big friend of sharing, so I started to make components that I created and use publicly available for everyone.

Working environment

Right now my preferred developing architecture is JAMstack - The modern way to build websites and applications to deliver better performance.

Visual Studio Code - Code editing. Redefined. Free. Built on open source. Runs everywhere.
Node.js is a JavaScript runtime built on the V8 JavaScript engine from the Chrome browser.
npm - is the package manager for Node.js. It was created to help JavaScript developers easily share packaged modules.
GitHub - is a provider of Internet hosting for software development and version control using Git. .
HUGO - The world’s fastest framework for building websites - one of the most popular open-source static site generators.
Web Accessibility - Making the web accessible benefits individuals, businesses, and society.
Markdown is a lightweight markup language for creating formatted text.
Alpine JS - Simple - Lightweight - Powerful as hell - Vue.js inspired.
Vue.js -The Progressive JavaScript Framework for building user interfaces and single-page applications.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Gulp - A toolkit to automate & enhance your workflow to automate slow and repetitive workflows into efficient build pipelines.
Webpack - A module bundler - transforming, bundling, or packaging just about any resource or asset.
Google Cloud - build, deploy, and scale applications, websites, and services on the same infrastructure as Google.
Laravel - a web application framework with expressive, elegant syntax — freeing you to create without sweating the small things.
Bootstrap - Quickly design and customize responsive mobile-first, responsive grid system and powerful JavaScript plugins.
SASS - syntactically awesome style sheets. Sass is a mature, stable, and powerful professional grade CSS extension language.
Amazon S3 - An object storage service that offers industry-leading scalability, data availability, security, and performance.
jQuery -The Progressive JavaScript Framework for building user interfaces and single-page applications.
Kirby CMS - a CMS that adapts to you. A powerful platform: Kirby is built with flexibility and extensibility in mind.