CKEditor Swiper

2025 - 2026

CKEditor5 plugin for Swiper. Provides an editor widget for building Swiper sliders in CKEditor5. Quite experimental, for now, but seems to work with at least one out-of-context case/framework.

CKEditor5 Swiper
CKEditor5 Swiper
CKEditor5 Swiper
See code on GitLab

CKEditor Braille

2024 - 2026

Rich text editor - currently CKEditor5 as the most common across web applications - plugin that provides an ability to write Braille. Key combos are mapped to equivalent Unicode values once the plugin is active via its own widget.

Early Braille education is crucial to literacy, education, and employment among the visually impaired. Despite the evolution of new technologies, including screen reader tech that reads information aloud, Braille provides access to spelling, punctuation, and other aspects of written language less accessible through audio alone. This app provides a way to learn and practice Braille in the desktop environment where only it is possible to use specific keyboard keys as Braille.

See the code on GitLab

Braille keys

Each of the following letters, and each of the combinations of them d f j k l s.
There are no additional requirements, such as special font, browser OS etc.

Challenge

Additionally, this plugin provides a framework for exercising braille typing, in both directions, from text to braille and vice versa. Includes SpeechSynthesis API implementation for certain audio helpers.

Audio responses

As mentioned, there are some audio responses. The current "hot" keys for it are: Shift+[1-5] aka Shift+1, or  Shift+5 Key-combos work when the cursor focus is in the editor and within Braille container.

API

Instead of setting the config for any Braille container, as seen in the previous video, the equivalent data may come from API. It gets encrypted and stored in the local storage.

Risorsa 81

Tech concept behind this website

Being a hot topic for quite a while, Tailwind CSS caught my eye, especially because I've been fairly familiar with usage and implementation of similar libraries and/or frameworks. At some point, a few years ago I also ended up making my own CSS masterclass from scratch - defining a lot of generic CSS classes that will be applied and re-used just everywhere in templates. However, Tailwind CSS does it the best!

TailwindCss
See this website's code on GitLab
Risorsa 81

A comprehensive guide for setting modern web environment from scratch

Requires root privileges.

Includes Drupal specific installations and config.

Nowadays we use a modern environments and tools, like Docker or certain cloud, or locally DDEV, which provide complex installations and configurations more or less out-of-the-box. Still sometimes "the classic" remote host setup ends on the agenda and, in my case, every time in such situation I go for online resources, searching and reading/trying until the work is done. Yet, this remains work by just an enthusiast, far from expert. In the latest case I've decided to log down every step thoroughly, for my own sake for any next time but also to share here eventually.

The following is indeed just one possible case scenario that includes at this moment latest Ubuntu, NGINX, PHP, MariaDB, Letsencrypt, Composer, Drush, as well as a group of the other more or less common daemons and tools.