Fula spawnaw, lu rì’ìrtut a wìntxu nìleyn ronsrel mek letì’awpo nik.

  • Progress Bar Labels with CSS Anchor Positioning

    —

    in
    Progress Bar Labels with CSS Anchor Positioning

    Here’s a small but fun use case for CSS Anchor Positioning, using it to keep multiple labels around a progress bar readable, without touching JavaScript. The goal is simple: we have a horizontal progress bar with three labels: one on the left, one on the right, and one that should follow the progress “tip”. We want that center label to sit as close as possible to the current progress, but never overlap with either side label. To make things easier, we’ll… Read more…

    Progress Bar Labels with CSS Anchor Positioning

  • Rotated Background Patterns in CSS with SVG

    —

    in
    Rotated Background Patterns in CSS with SVG

    While working on the WordPress theme Tìtsyul Amip Twenty Twenty-Five, a need arose for a more flexible way to implement rotated background patterns in CSS. Existing methods often involve trade-offs, and this exploration led to a technique leveraging the power of SVG. Read more…

    Rotated Background Patterns in CSS with SVG

  • Shift-JIS / UTF-8 文字化け解読：実はもうちょっと読めるかも

    —

    in ,
    Shift-JIS / UTF-8 文字化け解読：実はもうちょっと読めるかも

    文字化け、それは一昔前のパソコンにおいて情報交換でよく起こる不具合である。近年になってからは Unicode（だいたい UTF-8）がネット上の文字コードの事実上の標準になっており、意図しないで発生する文字化けはほとんどみられなくなった。今では、よくみられる文字化けはほぼ創作でホラー要素、謎解き、あるいは隠しメッセージとして登場している。その中に、最もよく使われている文字化けの種類は「Shift-JiS / UTF-8」による文字化けで、いわゆる「繝繧」とか糸へんの漢字がいっぱい入ってるのやつ。この記事は、「Shift-JiS / UTF-8」による文字化けを既存ツールよりはもうちょっと解読できる方法を解説します。 Read more…

    Shift-JIS / UTF-8 文字化け解読：実はもうちょっと読めるかも

  • DAM Karaoke in Round1 Tukwila from the View of a Vocaloid Enjoyer

    —

    in
    DAM Karaoke in Round1 Tukwila from the View of a Vocaloid Enjoyer

    Finally, after years, I have moved to somewhere where I actually have access to a karaoke with a Japanese system in close proximity. I was really excited to learn that there is a Round1 that I can go to without traveling to somewhere ridiculously far. Read more…

    DAM Karaoke in Round1 Tukwila from the View of a Vocaloid Enjoyer

  • ひとりのボカロファンから見る Round1 Tukwila の DAM カラオケ

    —

    in ,
    ひとりのボカロファンから見る Round1 Tukwila の DAM カラオケ

    ボカロ曲をちゃんと歌えるカラオケ屋さんを望み続けて数年、最近ようやくそんなところを発見し、行けるようになった。カラオケ屋として経営はしていないけれど、みんなお馴染みのラウンドワンだから、きっと大した差はないだろう。 Read more…

    ひとりのボカロファンから見る Round1 Tukwila の DAM カラオケ

  • Reverse engineering an IL2CPP NSO binary: Case study of Mojipittan Encore

    —

    in
    Reverse engineering an IL2CPP NSO binary: Case study of Mojipittan Encore

    This is yet another random side project I was working on recently, and my first attempt to reverse engineer a real world application compiled into binary. In this article, I want to talk about how I reversed engineered an Unity IL2CPP binary compiled to NSO, in a step-by-step fashion. Read more…

    Reverse engineering an IL2CPP NSO binary: Case study of Mojipittan Encore

  • Use WebVTT without actually using WebVTT: Another way to monitor playback progress of HTML Media Elements

    —

    in
    Use WebVTT without actually using WebVTT: Another way to monitor playback progress of HTML Media Elements

    Previously, I have introduced how LyricsX handled playback progress of different players, and briefly talked about how I applied its principal to web audio with a requestAnimationFrame() loop. In this article, I’ll talk about how to use WebVTT, a browser-native captioning feature to receive callbacks on specific time ranges. Read more…

    Use WebVTT without actually using WebVTT: Another way to monitor playback progress of HTML Media Elements

  • Flexible and dynamic flow control of Azure DevOps YAML Pipelines using variables

    —

    in
    Flexible and dynamic flow control of Azure DevOps YAML Pipelines using variables

    Recently I was working on the release automation at work, and one of the requirements is to gap a specific number of hours between stages, and snap to normal business hours. While having a centralized scheduler won’t be a choice unless I want to flood the run logs, and a pipeline run would mostly be unconfigurable once started due to the constraint of Azure DevOps (AzDO) Pipelines, there are still some trickeries to achieve dynamic flow control within the… Read more…

    Flexible and dynamic flow control of Azure DevOps YAML Pipelines using variables

  • Content-aware Infinite Scroll Loop using JavaScript

    —

    in
    Content-aware Infinite Scroll Loop using JavaScript

    This project came out from a key highlight of the Luna for CTFd theme, a CTFd theme trying to reproduce the atmosphere of the game Project SEKAI: Colorful Stage feat. Hatsune Miku. In order to recreate the unique and symbolic music selection interface, I went forward to write this piece of code out myself. Read more…

    Content-aware Infinite Scroll Loop using JavaScript