Nattaphoom Chaipreecha attomos

Karabiner layouts for symbols and navigation

Gavin Sinclair, January 2022

Introduction

I use Karabiner (configured with Gosu) to make advanced key mappings on my Apple computer. Karabiner allows you to create “layers”, perhaps simulating those on a programmable mechanical keyboard. I make good use of these layers to give me easy access (home-row or nearby) to all symbols and navigational controls, and even a numpad.

The motivation is to keep hand movement to a minimum. Decades of coding on standard keyboards has unfortunately left me with hand and wrist pain. I will soon enough own a small split keyboard which will force me to use layers to access symbols etc., so this Karabiner solution, which has evolved over months, is a training run for that.

Re: selfies project written in CRA and PWA

Planning of a project
- The project planning is mostly based on Fullstack Project Planning.
  
  For most of my projects, especially recently, I've been following a planning process that helps me breakdown the project into component parts that help me build more efficiently.
React Project Structure
- The project structure is mostly based on React Project Structure Best Practices for Scalable Application.
  
  A react project structure or architecture plays an important role in project maintenance. A good folder structure will help developers in the team easy to locate and easy to relate (ELER).

Reddit post 2020/04/04 - React: Choosing a Frontend Framework/Library

The right question is: is there added value in reinventing the wheel? (button, form controls, badge, card, spinner, modal...). The existing wheels will probably ride better than yours.

I would go with vanilla Bootstrap (just the Sass part, not the JS part).

Bootstrap

Bootstrap CSS utilities are very nice: same principles as Tailwind CSS.

Keytool CheatSheet 🔐

Some history

This cheat sheet came into life when I started working on a tutorial of setting up one way tls and two way tls, which can be found here: GitHub - Mutual TLS SSL

Creation and importing

Generate a Java keystore and key pair

keytool -genkeypair -keyalg RSA -keysize 2048 -keystore keystore.jks -alias server -validity 3650

VSCode - ESLint, Prettier & Airbnb Setup

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

How to setup a development environment where Git from WSL integrates with native Windows applications, using the Windows home folder as the WSL home and using Git from WSL for all tools.

Note if using Git for Windows, or any tool on the Windows side that does not use Git from WSL then there will likely be problems with file permissions if using those files from inside WSL.

Tools

These are the tools I use:

git (wsl) - Command line git from within WSL.
Fork (windows) - Git GUI (must be used with wslgit)
wslgit - Makes git from WSL available for Windows applications. Important! Follow the installation instructions and do (at least) the first optional step and then the Usage in Fork instructions.

	const app = Application.currentApplication()
	app.includeStandardAdditions = true

	function getJSON(path) {
	const fullPath = path.replace(/^~/, app.pathTo('home folder'))
	const contents = app.read(fullPath)
	return JSON.parse(contents)
	}

	function run() {

	/**
	* Will normalize quotes in a given string. There are many variations of quotes
	* in the unicode character set, this function attempts to convert any variation
	* of quote to the standard Quotation Mark - U+0022 Standard Universal: "
	*
	* @param {string} str The string to normalize
	* @return {string} Normalized string.
	* @see https://unicode-table.com/en/sets/quotation-marks/
	*/
	helpers.stdQuote = (str) => {

	#! /bin/bash

	######################################################################
	#
	# This script generates an SSL certficate for local development. To
	# execute the script, run `bash create-dev-ssl-cert.sh`. Sudo is
	# needed to save the certificate to your Mac KeyChain. After the cert
	# is generated, you can use `HTTPS=true yarn start` to run the web
	# server.
	#

	# https://hakibenita.com/fast-load-data-python-postgresql

	from typing import Iterator, Dict, Any, Optional
	from urllib.parse import urlencode
	import datetime


	#------------------------ Profile

	import time