Hung-Yi’s Journal

A TypeScript solution for the 2022 Advent of Code, Day 4 puzzle: it looks like set intersection, but actually it's much easier than that.

A TypeScript solution for the 2022 Advent of Code, Day 3 puzzle: playing with sets and intersections.

A TypeScript solution for the 2022 Advent of Code, Day 2 puzzle: taking advantage of combinations and lookup tables.

A TypeScript solution for the 2022 Advent of Code, Day 1 puzzle: beginning the journey with basic grouping, sorting and summation.

My first go at illustrating in a particular art style that I admire, using a palette inspired by the Nord theme.

A neural-network-like visualisation of a randomly connected network with neuron firing effects made with Zdog and D3.js.

If you've got some Emacs Lisp to do a bunch of things, but you call it by mistake and want to be able to undo it all in one go.

With some PowerShell and Emacs Lisp, you can easily pop up a native Windows toast straight from Emacs, even within WSL.

Learn a simple trick to mimic XOR and XNOR boolean operators in your favorite language where it might be missing.

A lispy, one-function templating engine that has only a few key rules to remember. Use what you already know about Emacs Lisp to get you the rest of the way.

See how to debounce your input events to improve the UX in your React app, plus bonus "short circuiting" behavior to skip the delay for impatient users.

Discover how to make a chunky, glowing, 3D button that animates on hover and click, with no JavaScript! Just clever use of HTML and 3D CSS transforms.

When literate programming meets spreadsheet calculations: learn how to integrate calculations into your writing projects using Emacs and literate-calc-mode.

A demonstration of using JavaScript/TypeScript to sum up the columns of a bunch of arrays, without having to write a for-loop or while-loop.

An exercise to write a simple Emacs Lisp function that can be used to chop a list of things into batches of a given size, including examples of unit testing and boundary value analysis.

A quick and dirty way of getting Emacs' evil-mc and smartparens packages to play nicely together, so you can use multiple cursors with s-expression editing.

Discover the magic of convoluting s-expressions when editing Lisp code. Once it clicks, it could save you many hundreds of keystrokes.

Because who wouldn't want cute emojis in their Emacs completion candidates? Learn how to make the emacs-emojify and selectrum packages cooperate nicely.

Emacs has convenient functions for upcasing and downcasing, but why not title casing? This was my journey to write a native Emacs Lisp function that does exactly that.

Are you having trouble running .NET Core code with Azure AD MSAL Extensions when using WSL or Linux? This post might help you find a workaround.

Get faster, richer and more beautiful code syntax highlighting in Doom Emacs using the power of tree-sitter and abstract syntax trees.

Ever wondered how to programatically get the direct contents under a heading in Emacs Org-mode? This Emacs Lisp function will do just that.

Explore some strategies for managing multiple windows in Emacs. If you're having trouble figuring out how to see two or more things at once in Emacs, this post might help you.

Doom Emacs uses spacebar keybindings for maximum efficiency and comfort, but flycheck was missed. If you deal with a lot of code errors, this might save you from RSI.

This is my favorite array and list manipulation tool in JavaScript. Avoid the mess of for/while loops and hard-to-debug variable assignments with reduce()!

ReactiveX and RXJS let you write declarative components in Angular. But why should you use them? This post explores the pros and cons.

This is a guide that covers things that other tutorials tend to miss. Learn about keybinding notation, why M-x is so powerful, and how to stumble a little more smoothly through the Emacs learning process.

What's better than personalized Emacs keybindings for multi-cursor editing? A hydra of course! Here's how to make using evil-mc even more fluent than before.

What happens when you're in the middle of a sentence and you need to insert a precisely calculated number in amongst your prose? Emacs let's you do just that using its built-in calculator.

Learn how to make a signal indicator icon with 4 different strength levels using only HTML & CSS. Absolutely no images or graphics required.

This is a guide on how to do a project-wide text search and replace operation using Doom Emacs and all its preinstalled packages and keybindings.

In this post I cover 5 different coding fonts with ligatures, explain what ligatures are and how they're useful for coding, and explore reasons for my personal font of choice.

Learn how to make a map marker icon with just HTML and CSS, no icon fonts or images required. You can even customize the colors in the CSS to whatever you want.

If you use GUI Emacs under WSL and you want your links to open in your browser on Windows, this post explains how to achieve that.

Emacs doesn't have a built in function to copy the URL of a hyperlink in Org-mode. This function will let you do just that.

Are you having problems with "port already in use" while running apps in WSL under Windows? Hyper-V might be the culprit. This post explains why, and gives a possible workaround.