Category: Web Development
Numbered Bookmarks for VS Code
[Numbered Bookmarks] is an essential extension for VS Code. Set bookmarks and recall to quickly move around your code.
CONTROL+SHIFT+NUMBER – Set a bookmark
CONTROL+NUMBER – Recall a bookmark
RecordRTC
[RecordRTC] is a WebRTC JavaScript Library for Audio+Video+Screen+Canvas (2D+3D animation) Recording.
Format JSON in VS Code
Cmd + Shift + P and then Format JSON
Bitbucket Browser
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]
MS Teams Browser
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]
Electron Forge – Getting Started
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
Setting up vite, React, TypeScript, eslint, vitest, testing-library and react-router
Create a library using Vite lib mode
Vue.js v2.7.14
vitejs.dev
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
ffmpeg.wasm
[ffmpeg.wasm] is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.
Recorder.js
Python for ChromeOS
[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
[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]
Visual Studio Code Shortcut – Open in a new window
Press CTRL + K and then release and press the letter O to open the current file in a new window.
What is Postman?
[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
[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
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.