Jun 25

Disable automatic hyperlink conversion in Twitter’s Tweets

Words that start with @ or are connect with . are converted — I have noticed that Twitter has converted Array.prototype.at into a blue, clickable hyperlink. This is because prototype.at is a valid domain and URL. Not all words connected with . are converted into hyperlinks. The last word should be a valid…

Twitter

1 min read

Disable automatic hyperlink conversion in Twitter’s Tweets

Words that start with @ or are connect with . are converted

I have noticed that Twitter has converted Array.prototype.at into a blue, clickable hyperlink. This is because prototype.at is a valid domain and URL.

Array.prototype.at text in a tweet is converted into a hyperlink

Not all words connected with . are converted into hyperlinks. The last word should be a valid…

Jun 14

Convert a local development folder into a Git repository

Use the GitHub Desktop app’s ‘create repository here’ feature — Version Control System such as Git is not required in software development. Therefore, a local folder can later be converted into a Git repository, a process in which a .git folder (likely hidden) is created in the directory. This can be done without the terminal (CMD) by using the Github…

Git

2 min read

Convert a local development folder into a Git repository

Jun 8

iPhone SE is not the smallest screen to target

In the web, SE(2022) has a wider viewport than the Galaxy S22 — Setting and targeting a minimum screen size (more precisely, viewport) is important in front-end development. In 2022, I have chosen iPhone SE (2nd and 3rd generation, not the 2016 variant that looks like iPhone 5S) as the minimum screen size, since it is the latest ‘small screen phone’ that I…

Web

2 min read

iPhone SE is not the smallest screen to target

Jun 2

Format and Lint Code on File Save

VS Code’s format on save option and the default formatters — TL;DR Add the following values to .vscode/settings.json. Create a file if it does not exist. The settings are applied to the belonging workspace only. Every time a file is saved in VS Code, the file will be formatted using the default formatter. { "editor.formatOnSave": true } Not working? When there are multiple formatters…

Vscode

2 min read

May 16

Enable code lint in Svelte components

Set ESLint to validate script tags in VS Code’s settings.json — TL;DR In the .vscode/settings.json, add svelte in the eslint.validate array. { "eslint.validate": [ "svelte" ] } Create-Svelte When initializing a SvelteKit project using npm init svelte, there is an option to add ESLint for code linting. If TypeScript is selected for type checking, TypeScript ESLint is installed and configured by default as…

Vscode

2 min read

Apr 22

Download Multiple Files with JavaScript and Anchor Element

Bypass Google Chrome’s 10 file limit with timeouts — To download files with JavaScript, simply create an anchor element, set href and download attributes, and click the element. Calling the following function will download an empty text file encoded in utf-8 named blank.txt. const downloadFileWithAnchor = () => { const anchor = document.createElement("a"); anchor.href = "data:text/plain;charset=utf-8,"…

Java Script

1 min read

Apr 19

Get Images’ Dominant Color and Palette Using Color Thief

Use the web demo or Node.js CLI for bulk conversion — Color Thief is a JavaScript library that grabs color palette (10 colors) and a single dominant color from an image. It provides a web demo where a user image can be dragged for conversion. Scroll down from the Examples section.

Image

2 min read

Apr 14

Fixing Italic in Visual Studio Code

Cobalt2 italicizes all comment text, and it can be fixed — VS Code themes can italicize certain text. For example, Cobalt2 italicizes all comment text. One exception is the | symbol in macOS environment, which greatly improves table legibility. (Yes, I use markdown tables in comments.)

Vscode

2 min read

Fixing Italic in Visual Studio Code

Cobalt2 italicizes all comment text, and it can be fixed

VS Code themes can italicize certain text. For example, Cobalt2 italicizes all comment text. One exception is the | symbol in macOS environment, which greatly improves table legibility. (Yes, I use markdown tables in comments.)

Apr 7

Svelte onMount return vs onDestroy

Whether it runs in a server-side component (SvelteKit) — Similarities Function returned from onMount and callback passed to onDestroy are both called before a Svelte component is unmounted(destroyed). If a function is returned from onMount, it will be called when the component is unmounted. — onMount, Svelte Docs Therefore, they can be used to clear intervals or remove event listeners. …

Svelte

1 min read

Svelte onMount return vs onDestroy

Whether it runs in a server-side component (SvelteKit)

Similarities

Function returned from onMount and callback passed to onDestroy are both called before a Svelte component is unmounted(destroyed).

If a function is returned from onMount, it will be called when the component is unmounted. — onMount, Svelte Docs

Therefore, they can be used to clear intervals or remove event listeners.

…

Mar 31

Draggable Component in React Native

With Touch Support and Spring Back — Two examples of Draggable Components(Boxes) in React Native. They are from the official documentation, and support web, iOS, and Android. Drag and Stay from PanResponder API Drag with Spring Back from Animated.ValueXY API Using the Native Driver useNativeDriver needs to be explicitly specified. In the above code, it is newly added in Animated.spring…

React Native

1 min read