Journey of learning

Tag: technology

  • How to create Side Panel with Chrome Extension

    —

    by

    truth7c
    in

    What is Side Panel? A browser side panel is a vertical interface section, typically located on the right edge of a browser. It provides quick access to tools, extensions, or web content without disrupting the main browsing area. Setp1. Edit your manifest.json file To use the Side Panel API, in the extension manifest file: Step2. Create a…

  • How to overlay SVG images with svg.js library?

    —

    by

    truth7c
    in

    What is SVG? SVG (Scalable Vector Graphics) is an XML-based format for describing two-dimensional graphics. It is widely used for displaying graphics on the web due to its scalability, light weight and high quality. Recently, browser favicons can be displayed in SVG format. What is SVG.js library? SVG.js is a lightweight JavaScript library designed for…

  • How to Overlay a Custom SVG Image on a Favicon

    —

    by

    truth7c
    in

    Hello! Let me introduce an app I created as a browser extension that overlays a custom SVG image (a pink square image) on a fetched favicon to display it as a new favicon. 1. Required files and Prerequisites I’m using a svg.js library to manage svg images. Please see the previous post to see how…

  • How to Generate SVG Favicon and Replace in Browser Extension

    —

    by

    truth7c
    in

    I created the Edge Extension to set an SVG format favicon when you double click the page. I will introduce how to implement it. 0. Prerequisites You need to download SVG.js library to create SVG format data in JavaScript that runs in Web Browser. You can see the instructions in the previous post. Also, you…

  • How to Connect to GitHub with SSH

    —

    by

    truth7c
    in

    Steps 1. Create GitHub account and repository 2. Install git into your computer 3. SSH Client Setup 3.1 Generate SSH key You need to generate SSH key to connect to the GitHub repository with SSH. Your computer is the SSH Client, and GitHub repository is the SSH Server. Basically, SSH key pair (private key and…

  • How to Create manifest.json for Edge Extensions

    —

    by

    truth7c
    in

    I learned about the concept of the Edge Extension in the previous post.Concept of the Edge extension Now, Let’s develop the simplest Edge Extension for beginner with me!I follow the instruction below. There is no JavaScript file in this extension. Tutorial part 1: Display an image in a pop-up Step 0. Setup the development environment…

  • How to Add Custom Actions before Install in Windows Installer

    —

    by

    truth7c
    in

    With Visual Studio Installer Project, you can add Custom Actions, which are custom scripts that can be executed during the installation process. Windows Installer – Using Custom Actions However, in the Custom Actions View of Visual Studio Installer Project, there are only four predefined stages: Install, Commit, Rollback and Uninstall. It’s not very clear which…

  • How to Install OpenSSH Server on Windows7 in Offline

    —

    by

    truth7c
    in

    I needed to install OpenSSH Server on an old Windows 7 32-bit computer that I use for work. Here, I’ll document the steps I followed. Download OpenSSH Go to GitHub and Download Go to GitHub PowerShell/OpenSSH and download the proper version of OpenSSH. Copy the zip file to Windows 7 Copy the downloaded zip file…

  • How to Develop Microsoft Edge extensions

    —

    by

    truth7c
    in

    First, I decided to learn about the general development process for Microsoft Edge extensions, which is the type of app I want to develop. References Overview of Microsoft Edge Extensions Microsoft Edge Add-ons Developer General development process The general process from development to publishing for Microsoft Edge extensions is as follows. I’ve learned that development…