Build Your Own WebExtension
Add-on for Firefox

Martin Giger

@freaktechnik

Firefox Add-ons Profile

mozilla.ch

@mozillach

Slides

slides.com/freaktechnik/webext-workshop

Agenda

• Introduction
• Build your first WebExtension
• Create an original add-on and share it on addons.mozilla.org
• Continue the conversation

Tweet about this

I’m customizing @Firefox by building my own @MozWebExt! #MozActivate

Please ensure you have the latest Firefox Developer Edition

Which extensions do you use?

Do you know...

• JS?
• HTML?
• WebExtensions/Chrome Extensions?

About Add-ons

• WebExtensions are one or more HTML pages
• They get additional APIs to
  • Block ads
  • Re-style websites
  • Show notifications
  • and a lot more
• WebExtensions can be compatible with Firefox, Edge, Chrome and Opera

Great Work!

What now?

• https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Your_second_WebExtension
• Create your own original WebExtension and publish it on addons.mozilla.org (tagged with mozactivate17)
• Tweet about your extension: I made an add-on using @MozWebExt for @mozamo! Check it out here: <link to add-on> #MozActivate

Continue the Conversation

• Tweet to @MozWebExt

• Join IRC channels #addons, #webextensions or #extdev on irc.mozilla.org

• Join the Telegram group @addons

• Follow and post to the Add-ons Discourse forum at https://discourse.mozilla-community.org/c/add-ons

Get involved with WebExtensions

https://wiki.mozilla.org/Add-ons/Contribute