Blog

Ways to Open a New Page in JavaScript

This post summarizes ways to open a new page in JavaScript, with notes on behavior and practical considerations.

· 1 min
JavaScript

How to Use Caddy

Learn how to use Caddy for reverse proxy and HTTPS certificates. Simple installation and common commands for various …

· 1 min
reverse proxyproxy

guacamole-common-js

This article provides an introduction to guacamole-common-js, covering its advantages, implementation details, and …

· 1 min

iframe-embedded code-server communication issues with host page

This article discusses communication issues between code-server embedded in an iframe and the host page, covering …

· 2 min

Online Failure - Hidden Timer Issues

How hidden timers caused a production flood of heartbeat requests, the investigation process, and key takeaways for …

· 2 min
JavaScript

Visiting China–Japan Friendship Hospital

A practical guide for visiting China–Japan Friendship Hospital: what to bring, the full flow, payment tips, and notes.

· 2 min

How to Use code-server (Step-by-Step Guide)

This article provides a comprehensive guide to using code-server, including its advantages, implementation details, and …

· 4 min
DevelopmentWeb IDE

Tools of the Year: 2023 Gear Review

A review of the hardware and software tools I added to my toolkit in 2023, including the EZVIZ C6C camera, NIU electric …

· 3 min
Hardware

Implementing Input Autocomplete Visuals

For WebShell-like command inputs, fake partial highlighting by layering a positioned div behind the input; CSS alone …

· 1 min
WebShellCSSJavaScript

Copy/Paste Support in WebShell

A summary of copy/paste support in WebShell, covering browser clipboard permissions, default hotkeys, xterm.js behavior, …

· 2 min
WebShell

Nintendo Switch Online Membership Purchase

This article introduces Nintendo Switch Online membership purchase, including its advantages, implementation details, …

· 1 min

How to Use Mousetrap (Step-by-Step Guide)

This article introduces the usage of Mousetrap, including its advantages, implementation details, and relevant …

· 3 min
JavaScript

Command Palette in WebShell

Design and implementation of a command palette in WebShell, including motivation, command modeling, filtering, …

· 3 min
WebShell

How to Use the keyboard.lock API (Step-by-Step Guide)

Using navigator.keyboard.lock to bypass browser limitations on capturing certain hotkeys (like Command+T) in web …

· 2 min
JavaScript

How to Use ChatGPT GPTs (Step-by-Step Guide)

This article introduces using ChatGPT GPTs, including the advantages, implementation details, and related resources to …

· 3 min
AI

Displaying Images in WebShell

How to display images in a terminal via WebShell using xterm.js, including prerequisites, setup, and caveats.

· 2 min
WebShell

How to Use CSS :has() Function (Step-by-Step Guide)

This article introduces the use of CSS :has() function, including its advantages, implementation details, and related …

· 1 min
CSSWeb Development

Installing and Switching Shells

Quick reference for installing Bash, Zsh, Fish, and Tcsh on Ubuntu plus notes on printf escaping differences.

· 1 min
Linux

Netflix Membership Purchase

This article introduces Netflix membership purchase, including its advantages, implementation details, and relevant …

· 2 min

Getting the Dyson V8 Vacuum

Why I upgraded to the Dyson V8 vacuum, how I use it, and the pros and cons after hands-on testing.

· 2 min
Hardware Devices

Browser userAgent

A quick tour of working with the browser userAgent string—from where to access it, to helpful tooling, limitations, and …

· 2 min
JavaScriptChrome

Implementing SFTP File Management in WebShell

How to implement visual file management in WebShell using ssh2 and ssh2-sftp-client, including listing, upload/download, …

· 3 min
WebShell

N1 Side Router Usage

This article introduces the usage of N1 side router, including its advantages, implementation details, and relevant …

· 1 min
Network Tools

Integrating AI into WebShell

How WebShell integrates AI features: prompt engineering, context handling, token cost control, streaming advantages, and …

· 3 min
WebShellAI

Home Renovation Issues Record

Recording the real issues I ran into with my first renovation project—from contractor behavior to electrical oversights.

· 3 min