Magento 2 email template template directives

The title is maybe a little bit confusing, better would be maybe child template directives. This post explains how to include a child template in a Magento email template. Pretty popular examples are Magento_Email::email/footer.html and Magento_Email::email/header.html.

Continue reading ...

Magento 2 email template config directives

It can be quite comfortable to use configuration values in Magento 2 email templates. Let us assume we change our store phone number in the configurations and it changes also in templates where we use sentences like: You can call us any time at .... I will show pretty fast in this post how to use the restricted list of configs in email templates and will explain ways to add your own configuration paths.

Continue reading ...

Magento 2 email template translator directives

Magento 2 email templates are supposed to be translated sentence by sentence. This post shows how to use the translator directive.

Continue reading ...

Magento 2 email template block directives

This post tries to explain every possible way to use blocks in Magento 2 email templates.

Continue reading ...

CSS blur overlay

Unfortunately it is not possible to create a real blur overlay with CSS for all browsers at the moment. Only webkit has the backdrop-filter. But all other browsers mostly support a blur filter. This will not really work like a overlay, more like a filter that will be propagated bottom-up. In other words, the filter works only for a hole element or not. It's impossible to have something like a div overlay element that blurs only a part of an image like the backdrop-filter.

Continue reading ...

CSS background transitions with image sprites

You will start thinking about image sprites, if you see that your website has too many requests just because of some background images. An image sprite can combine many single requests from a browser to the server into one request. We just have to combine our background images into one single image and use the CSS property background-position. It's just getting complicated if you have a transition on the background.

Continue reading ...

Text differencing tool

A small tool to show the differences between two texts. Similar to the command git diff. I was motivated to write the algorithm on my own in JavaScript, but there already exists an excellent implementation by Kevin Decker that is called jsdiff.

Continue reading ...

Touch signature identification with JavaScript

The uWave: Accelerometer-based Gesture Recognition project from the Rice Efficient Computing Group inspired me to build a small real time HTML based signature identification with JavaScript. Actually gestures have not that much incommon with drawn handwriting, but I wanted to test dynamic-time-warping on signatures. I am not sure if there is a real usecase for a signature identification in web applications, but it was fun to build this kind of prototyp. Feedback is welcome.

Continue reading ...

Ripping a DVD with HandBrake on Linux

I'm starting to digitize many of my old tapes and vinyls. The final result should be my own multimedia center on a Raspberry Pi. Also important for me are my old DVDs. Today I would like to show, how to rip a DVD on Linux with HandBrake.

Continue reading ...

Random Value Generators

I would like to collect here a small set of random value generators that I use pretty often.

Continue reading ...

Newer Older