sinpro.dev
Docs
Code Quality
SonarCloud Coverage
  • Company Information
    • Portfolio
    • About
    • Services
    • Events
  • Dev Environment
    • macOS Settings
    • Chrome Extensions
    • VSCode Workspace Settings
    • VSCode Workspace Extensions
    • Global NPM Packages
    • npm-check-updates
    • SvelteKit
    • Customize Zsh
    • ChatGPT Prompts
    • Tailwind CSS
    • Warp
    • Keyboard Shortcuts
  • Assets
    • Assets
    • JPG/PNG to AVIF
    • TTF to WOFF2
  • Clean Code
    • Clean Code
    • Format
    • Quality
    • Variables
    • Functions
    • Objects and Data Structures
    • Classes
    • Concurrency
    • Error handling
    • Comments
  • Code Style
    • TypeScript Config
    • Prettier
    • ESLint
    • Stylelint
  • Testing
    • Vitest
    • Playwright
  • Git
    • Git Branches and Commits
    • Git Hooks
    • Git User Profiles
    • Git for Windows
  • GitHub
    • GitHub Issues
    • GitHub Pull Requests
    • GitHub Repository Settings
    • GitHub Branch Protection
    • GitHub Actions
  • Code Quality
    • SonarCloud Coverage
  • Server
    • SSH
    • PM2
    • Caddy
    • Updating the server
    • ngrok
  • Team sinProject
    • Our Team Policy
    • Equipment and Supplies
    • Books
    • Slack
    • Locales
    • Funny Apps
    • Docs History
  • Talk
    • Talk
    • Creating a Project
    • App Structure

Dev Environment

Chrome Extensions

Edit this page

Here are the Chrome extensions that we commonly use at sinProject.

Extensions

  • DeepL for Chrome

Translate while you read and write within Chrome. Powered by the world’s most accurate AI translator.

  • Google Translate

View translations easily as you browse the web. By the Google Translate team.

  • Outline Chrome Extension

Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning).

  • Material Icons for GitHub

Replace the file/folder icons on the GitHub file browser with icons representing the file’s type and which tool it is used by.

  • Wappalyzer - Technology profiler

Wappalyzer is a technology profiler that shows you what websites are built with.

  • SVG Export

Download SVGs from websites as SVGs, PNGs or JPEGs

  • Colorblindly

Simulates colorblindness in your web browser.

  • Video Speed Controller

Speed up, slow down, advance and rewind HTML5 audio/video with shortcuts

  • Netflix 同時字幕で英語学習

Netflix の日本語と英語字幕を同時に表示。3 秒巻き戻し機能。英単語の意味を表示。ひとつのセリフをリピート再生。再生速度の変更。フレーズをお気に入りに追加。

macOS Settings VSCode Workspace Settings
© sinProject. v0.73.0
On this page
  • Chrome Extensions
  • Extensions