JH-Articles

Cross-platform Web Application Development

So what does "cross-platform" together with "web" mean? Does "web" already mean "cross-platform"? Jein, so to say in German. Web applications nowadays is still the counter-part of platform dependent native applications. However, because of the different runtimes on different web browsers, web applications do not work automatically the same on all platform. In fact, they almost always work differently on different devices as there are also concepts as responsive design or mobile or desktop first way of thinking in the realm of web applications. But GUI representation aspects are not the core topic in this article. This artice focus more on the functionality or engine aspects of web applications. Of the difference, in worst cases, certain applications work well on some platforms but crashes on other platfoms, such as the gif-player powered web pages at JH-Articles:attachments/20231205.gif-player. (If you open the link on an iPhone (touch, scroll and wait a while), it could very much likley crash your web browser in use. Like it had always been so on my iPhone.) (By the way, gif-player was a great HTML custom element developed by the Canadian developer Simon Green (CaptainCodeman) about 6 years ago. It offers the possibility to pause the GIF image at certain frame decided by the mouse pointer location.)

qia-image - An HTML Custom Element to Supplement or Replace the img Element

What is `qia-image`? `qia-image` in comparison to `img`

qia-image - A Set of Utilities for Images on The Web

What is qia-image in brief? Image[qia-image code workspace screenshot on 20231103]

qia-gif - An HTML Custom Element to Embed GIF Images

When or where is qia-gif needed? Why necessary?

qia-browser-libraries - qia.js, qia.react.js

Unfortunitely, using web components inside web components on some major web browsers is still problematic.

qia-audio-clip

The `qia-audio-clip` is part of the project `qia-audio` which is further packaged under the name `qia-browser-libraries` as UMD scripts such as `qia.js` and `qia.react.js`.

qia-accordion - An HTML Custom Element to Save Space for Multi-sectional Contents

When or where is qia-accordion needed? Why necessary?

qia-image-compare-pair - An HTML Custom Element to Compare Image Pairs

When or where is qia-image-compare-pair needed? Why necessary?

The Internet World

This is a sad article that I hesitated to write since a long time.

Enriching Audio with Whisper

Transcripting audio speech is a very common task, and simple on the surface but hard inside the black box. Whisper gets well-known more or less together with the marketing of ChatGPT. Putting all the fancy marketing terms aside, I think whisper should be something worth writing an article on my JH-Articles website.