pathakshashank17 / Bordify

A chrome extension that draws borders and background over different elements to help in alignment

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bordify 🟨

Demo

Bordify is an extremely basic chrome extension that will hopefully help in mastering the art 🎨 of aligning stuff. It works by adding a translucent yellow border to elements that becomes darker as the element becomes more nested. Also it adds a red border to element on hovering above it so that its outline becomes visible. Nothing too fancy ✨.

Installation

From Chrome Web Store

  • Visit this link: Bordify
  • Click on Add to Chrome and then click on Add extension in the popup that appears.

Using git clone

  • In your console, type git clone https://github.com/pathakshashank17/Bordify.git
  • Open chrome, click on ellipsis on top right corner.
  • Go to More tools > Extensions and toggle on the Developer mode toggler.
  • Now click on Load unpacked
  • Browse over to the cloned repo and select the folder. The extension has now been installed.

Using Download zip

  • Click on Code dropdown on the repo page.
  • Download the zip file and extract it.
  • Follow the above set of instructions from step 2.

All suggestions and contributions are welcome 🤗.

About

A chrome extension that draws borders and background over different elements to help in alignment


Languages

Language:CSS 63.1%Language:JavaScript 24.5%Language:HTML 12.4%