Category: Web Development

[RecordRTC] is a WebRTC JavaScript Library for Audio+Video+Screen+Canvas (2D+3D animation) Recording.

Cmd + Shift + P and then Format JSON

I customized the [Win32 sample WebView2Browser] to make a dedicated browser for Bitbucket. This is useful when you need two accounts logged in at the same time.

Original Repository: [WebView2Browser]

Custom Browser: [WV2_BitbucketBrowser]

I customized the [Win32 sample WebView2Browser] to make a dedicated browser for MS Teams. This is better than using Electron Forge because it has the address bar, tabs, and browser controls.

Original Repository: [WebView2Browser]

Custom Browser: [WV2_MSTeamsBrowser]

Overview

Electron Forge is an all-in-one tool for packaging and distributing Electron applications. It combines many single-purpose packages to create a full build pipeline that works out of the box, complete with code signing, installers, and artifact publishing. For advanced workflows, custom build logic can be added in the Forge lifecycle through its Plugin API. Custom build and storage targets can be handled by creating your own Makers and Publishers.

[Electron Forge – Getting Started]

npm init electron-app@latest my-app

[Electron.js Quick Start]

[Math support in Markdown]

[Vue 2 Guide]

[vitejs.dev]

[vite-starter.element-plus.org]

[button component]

[esbuild]

[turbo]

[deno.land] – secure JS runtime

[bun]

[bookmarklet]

[quokkajs.com] – JS Playground

[Getting To Know The MutationObserver API]

[Learn the Mutation Observer API]

[Pinia: The Enjoyable Vue Store]

[Sunsetting Atom]

“We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022.”

[Record at constant fps with CanvasCaptureMediaStream even on slow computers]

Sample: [image2video.html]

[ffmpeg.wasm] is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.

The [AV1 Decodec] should be supported in the future.

You can check what codecs are used in the terminal.

ffmpeg -i video.mp4

[ImageToMP4 Browser Example]

[Recorder.js]

[How to enable Developer mode on a Chromebook]

[Set up Linux on your Chromebook]

[Linux container not installing]

[How to install and update Anaconda on Chromebook]

From within the Linux penguin terminal:

mkdir tmp && cd tmp

curl -O https://repo.anaconda.com/archive/Anaconda3-2022.10-Linux-x86_64.sh

chmod +x ./Anaconda3-2022.10-Linux-x86_64.sh

Recreate python and pip symbolic links:

sudo rm /usr/bin/python

sudo rm /usr/bin/pip

sudo ln -s ~/anaconda3/bin/python /usr/bin/python

sudo ln -s ~/anaconda3/bin/pip /usr/bin/pip

[Python for ChromeOS]

[How to install Visual Studio Code on a Chromebook]

[Setting Up Run by Line and Debugging for Notebooks]

[How to share files with Linux apps on Chrome OS]

Press CTRL + K and then release and press the letter O to open the current file in a new window.

[Postman] is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster

[Remote debug Android devices]

[gifuct-js] is a simple GIF image decoder.

The [HTML5_GifCanvas] sample draws a GIF on a HTML5 canvas.

[HTML5 CSS Filters]

[Tesseract OCR for Node.js]

[Tesseract.js]

[Tesseract with Vue]

[demo]

Experiments:

• Exposing fs-extra from Vue – [vue-fs-extra]

• Tesseract has optical character recognition and works very well converting the text in images to a text string. I did a [fork] of the Vue version which I adapted to process all the course screenshots from the school year and make the text searchable.

[Authenticating to Bitbucket with GitHub Desktop]

[Multi-Region Application Architecture]

<IfModule mod_headers.c>
  <FilesMatch ".(html|js|br|ico|png|css)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma: no-cache
    Header set Expires: 0
  </FilesMatch>
</IfModule>