#add ons

[nineties-effect]

#90s #90s aesthetic #90s vibes #1990s #90s style #90's tech #90's Mag #Gameboy Color #Gameboy Pocket #Add ons

[fish-washer]

isn't it?

(i am very fond of this particular elsen)

#old ish art #i've forgotten how nice but simultaneously terrifying sharing my art is #off game #off #off (game) #off mortis ghost #off fanart #the batter #batter off #off batter #zone 3 #off elsen #add ons #art #artists on tumblr #my art

[cynimb]

Taking a little break from the cigarettes I see

#off game #off elsen #elsen oc #off zacharie #off the batter #the batter #add on #add ons #off mortis ghost #off meme #zacharie fanart #off fanart

[fish-paul-society]

I have jumped on that one Twitter Bandwagon to remind people that OFF is a one of a kind game that should be played at least once.

#adam sandler #eight crazy nights #off game #batter off #zacharie #hugo off #off elsen #the queen off #add ons #my art #my post

[nobody-nexus]

DTIYS But Funny

Based off of a screenshot I have from L4D2

Have fun!

#the amazing digital circus #amazing digital circus #the digital circus #digital circus #tadc #pomni #tadc pomni #pomni tadc #tadc art #pomni art #dtiys #dtiyschallenge #dtiysart #shitpost #l4d2 #left 4 dead 2 #left 4 dead #add ons

[nebel-san]

saving first base

#off #off game #off mortis #off (game #the batter #batter #bad batter #add ons #off the batter #tw blood #blood #i thought about way cooler things to do on this piece #but was way too lazy to do 'em cuz i started doing it on ms paint :/ #maybe one day i'll do a redraw of this one ! #also no balls hat this time :c #belsarts

[mr-gekk024]

Day 18. "I had three friends"

The first time I draw the guardians! I specially love how Dedan turned out. idk I guess I love his design after all lol

#off game #off fanart #offtober #off rpg #off dedan #japhet #enoch off #the guardians off #add ons

[izicodes]

Coding A Simple Firefox Extension

Hiya! Today I want to share my experience creating a simple Firefox extension. I was a bit intimidated by the idea of creating an extension, but I was determined to give it a try! Been on my 'projects to-do' list for a long time! 😅

I found that the process was actually quite straightforward, and with some guidance from a couple of YouTube videos, I was able to create a working (temporary) extension in just an hour. My hope is that this post will serve as a helpful guide for anyone who is interested in creating their own Firefox extension~!

What exactly are we making?

We will be making a simple temporary extension - an extension that only you have access to e.g. end-users will not be able to use the extension. This is a way to test if your extension works and find issues. I might make another post on how to actually upload it for other people to use, but for now, this method is for you to use the extension.

This is the link to the official Mozilla Firefox 'Temporary installation' Guide' for extenisions - LINK

Now, for the steps into making the extension:

Setting up the development environment

Creating a manifest file

Adding a pop-up window

Attaching JavaScript functionality to a button

Load your extension in Firefox

Let's get started~!

Step 1 - Setting up the development environment

Obviously, you will need to have Firefox installed on your computer. You will also need a code editor, such as Visual Studio Code or Sublime Text, to write your code. I'm going to use VS Code.

In your code editor, create a new folder where you will store your extension files. You can name this folder whatever you like. For this example, I will call it 'Firefox Extension'. I also recommend adding the following files in the folder:

index.html (or in this case popup.html file)

icon image in .png or .jpg or similar formats

manifest.json - talked about in the next step

script.js

Step 2 - Creating a manifest file

The most important file I believe when creating an extension is the manifest JSON file. This file will contain metadata about your extension, including its name, version, and permissions. In your new folder, create a new file called "manifest.json".

This is the general structure of the file. The icon size you need to have is 48x48 pixel size image and then you can have others to be responsive to screensizes, I just added one extra. The 'browser_action' part includes the default icon image that will display an icon in the Firefox toolbar and the popup html file. In 'scripts', that is where we will add the JavaScript code to run.

Step 3 - Adding a pop-up window

The code simply displays the text "Hello World" and a button in the center of the window. I assume you're good at your HTML and CSS so I won't go into too much detail here but the CSS is in the style tags within the head tags and what we can see also is what is between the body tags - the 'Hello World' and the 'Click me!' button.

Don't forget to include the script tag at the end of the body tag so it'll link to the script.js file in your folder AND include "scripts": ["script.js"] in the manifest.json for the javascript code.

Step 4 - Attaching JavaScript functionality to a button

Again, I hope you very basic JavaScript. This code basically adds an event listener to the button with the ID "myBtn" (which is the button with 'Click me!' on it). When the button is clicked, it changes the heading 1 text from 'Hello World' to 'The button was clicked!'.

And that it! Done with all the coding part and now to upload it for you to use~!

Step 5 - Load your extension in Firefox

Open Firefox and type "about:debugging" in the address bar. This will open the Firefox Developer Tools page. Click the "This Firefox" section to the left of the page, then click "Load Temporary Add-on". Navigate to your extension folder and select the manifest.json file.

The extension is now loaded in Firefox! Click the icon in the toolbar to see your pop-up window!

Whenever you make changes to the extension, back on the Firefox Developer Tools page, click the 'Reload' button on your extension section and changes should show up!

I hope that this post has been helpful to you and that it has inspired you to create your own Firefox extension! 👩🏾‍💻💗 Remember, the most important thing is to have fun and experiment with different ideas - play with the colours or sizes or the javascript code! Don't be afraid to try new things and explore!!

Extra links that helped me learn:

How to build an extension for Firefox in less than 5 minutes [video]

Temporary installation in Firefox [webpage]

Thanks for reading 🥰💗

#xc: programming blog post #programming project #coding #programming #studying #studyblr #codeblr #progblr #firefox #extensions #computer science #project #tech #developer #web dev #add ons #comp sci #html5 tutorial #tutorial #learn how to code #my resources

[benisbeaaaaans]

Hrjmdmfnfbnr

#my art #off #off mortis ghost #off game #off the batter #the batter #the batter off #add ons #add ons off #off add ons #mortis ghost #off fanart

[reksink]

OFF with Collection of Halloween Spectres, Completed with The Addition of Add-Ons

#off #off game #off spectre #off spectres #off add ons #add ons #my art #fanart #Fun Fact: These are entries for a Halloween Theme Coloring event hehe #These are my humble sacifices #I'm really curious on how these would be colored OMGA #Hopefully my lines + art isn't too difficult to interpret hehe

[fish-washer]

the smoke permeates the air

#oh i love the scenery in this game #off #off game #off (game) #off mortis ghost #off fanart #the batter #batter off #off batter #add ons #zone 3 #art #my art #artists on tumblr

[raphtb65]

Gemma v3 is out now! Gemma the Tarsier-Cat | SRB2 Message Board

#sonic fan character #sonic oc #sonic the hedgehog #gemma the tarsier cat #sonic robo blast 2 #srb2 #character mod #add ons

[panic-in-ballville]

It becomes automatic, it becomes all but free

#off game #off mortis ghost #my art #off #the batter #off art #add ons #the room #i haven't posted in here in so long I'm forgetting how tags work #anyway hi #how is everyone #I've missed here and I've missed off and I've missed art

[nobody-nexus]

Ragapom hits different in Left 4 Dead 2 (ft the transmasc bestie @inkyprism)

#the amazing digital circus #amazing digital circus #the digital circus #digital circus #tadc #pomni #ragatha #tadc pomni #tadc ragatha #hatsune miku #twilight sparkle #left 4 dead #left 4 dead 2 #l4d2 #l4d2 moments #add ons #l4d add ons #l4d2 add ons #man Ragatha's hand is FUCKED UP when she holds the knife #I choked on my spit first time I saw it lol #also #pomni plush

[mustluvcatz-reloaded]

Here are some add-ons that absolutely nobody asked for! LOL I had already made a barstool add-on for Moxxa’s Bonn Chair and separated the aprons from Aprons On The Wall. I had planned on a 1-tile Curio Closet and a 1 tile Big Round Mirror so got those done today.

ALL are repositoried to the original meshes, which are included in the download. For the closet, you’ll want to keep my edited mesh. The others you only need to install if you don’t have them already.

DOWNLOAD (SFS)

P.S. I’ve had a day. At the moment I don’t have polycounts and cost but I’ll get them posted.

#ts2cc #sims 2 download #new meshes #add ons #buy mode #deco #seating #mustluvcatz

[mr-gekk024]

Day 19. Fail

(Guess who had to edit the previous blogs because he didn't know what day he live on *cof cof* me *cof cof*)

Anyway I try a new brush, idk I kind of like it but I think it have a lot to improve

#off game #off fanart #off rpg #offtober #the batter #off spectres #add ons