Glitch App to Glitch Project Page Extensions

What I Made

Glitch Project: Glitch App to Glitch Project Extension for Chrome.
Install it from the Chrome App Store!

It is: a Chrome Extension.

When you click it:

  • if you’re not on a page where the domain ends in glitch.me, nothing happens.
  • if you’re on a page where the domain ends in glitch.me, it redirects your browser tab to the page on Glitch.com representing that app.

This is handy for: apps built on Glitch that don’t have a button linking to the project, so you can quickly go add the cool app to one of your collections, or see what else that creator has made on Glitch.

My friend @potch made https://glitch.com/~broad-flare/, which is a port of my project to make it work as an extension in Firefox.

Background

This was my second ever Chrome extension, and both were built the same week. The first one was a Pinboard Extension for Chrome which runs on any site. When it’s clicked, it runs some Javascript that opens a new tab so you can add the site you were on to a personal link-catalogging service called Pinboard. ~pinboard-extension makes a good base project for making new Chrome extensions.

The App-to-Project extension is a bit more complicated than my Pinboard extension, because it only runs on something.glitch.me pages.

What’s Next

I learned through these projects that it’s really easy to make Chrome extensions, once you have a good base project to remix from, to do any little task I want to do from a webpage. I want to make more extensions now! They’re more useful to me than bookmarklets, because they live right in the same line as the address bar and so don’t take up the space that the Chrome Bookmarks bar does.

I also want to learn what the differences are between Chrome and Firefox extension definitions, so I can port my extensions to the both browsers on my own.

3 Likes