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, Add “action” key Add “background” key…

  • 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 content.js: A JavaScript file that is injected from the extension app into the browser’s tab page to…

  • 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 Create GitHub account and repository Install git into your computer SSH Client Setup (Generate a new SSH key and add it to the ssh-agent) SSH Server Setup (Add SSH pub key to your GitHub account) Git clone, add, commit and push 1. Create GitHub account and repository Got to the link and sign up…

  • 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…