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

	.theme-dark {
	--color-red-rgb: 247, 118, 142;
	--color-orange-rgb: 255, 158, 100;
	--color-yellow-rgb: 224, 175, 104;
	--color-green-rgb: 158, 206, 106;
	--color-cyan-rgb: 125, 207, 255;
	--color-blue-rgb: 122, 162, 247;
	--color-purple-rgb: 187, 154, 247;
	--color-pink-rgb: 255, 117, 160;
	--color-red: #f7768e;

	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