Why is a Great Extension?
We’ re in the middle of our Firefox Quantum Plug-ins Challenge and we’ ve been asking ourselves: Why is a great extension?
Excellent extensions add functionality and enjoyable to Firefox, but there’ ersus more to it than that. They’ lso are easy to use, easy to understand, and easy to find. In the event that you’ re building one, here are a few simple steps to help it shine.
Make It Dynamic
Firefox 57 added dynamic themes . Exactly what does that mean? They’ re just like regular themes that change the look and feel associated with Firefox, but they can change over time. Generate new themes for daytime, night time, private browsing, and all your favorite points.
Mozilla developer ally Potch created a wonderful video detailing how dynamic themes work in Opera:
Make It Fun
But you don’ t need to build a full-fledged game to have enjoyable. Tabby Kitty adds an online cartoon cat to every new tabs. The cats nap, meow, and also let you pet them. Oh, as well as the cats can wear hats.
Make It Functional
A fantastic extension helps customers do everyday tasks faster and much more easily. RememBear , from the makers of TunnelBear, remembers usernames and passwords (securely) and can generate new strong security passwords. Tree Design Tab lets customers order tabs in a collapsible forest structure instead of the traditional tab framework. The Grammarly extension integrates the whole Grammarly suite of writing plus editing tools in any browser windows. Excellent extensions deliver functionality. Consider ways to make browsing the web quicker, easier, and more secure when you’ re building your extension.
Make It Opera
The Firefox URINARY INCONTINENCE is built on the Photon Design System . A great extension will fit seamlessly in to the UI design language and appear to be a native part of the browser. Recommendations for typography, color , layout , and iconography can be found to help you integrate your extension with all the Firefox browser. Try to keep chafing or unique design elements apart from the primary Firefox UI elements and go through the Photon system when possible.
Make It Clear
Once you upload an extension to addons. mozilla. org (the Firefox add-ons site), pay close attention to its listing information. An obvious, easy-to-read description and well-designed screenshots are key. The Notebook Web Clipper extension is a good example of a good easy-to-read page with detailed explanations and clear screenshots. Users understand exactly what the extension does and how to utilize it. Make it easy for users to get started with your expansion.
Make It Fresh
Firefox 60, now available within Firefox Beta , includes a host of brand-new APIs that will let you do even more with your plug-ins . We’ ve cracked open up a cask of theme attributes that let you control more areas of the Firefox browser than ever before, which includes
tab color , toolbar icon color, frame colour, and button colors.
The tabs API now facilitates a
tabs. captureTab method that can be passed a
tabId in order to capture the visible area of the specific tab. There are also new or enhanced APIs for proxies, network plug-ins, keyboard shortcuts, and messages.
For a full breakdown of all of the new improvements to extension APIs in Firefox 60, check out Opera engineer Paul Conca ’ s excellent post around the Mozilla Add-ons Blog .
Submit Your Extension Nowadays
The Quantum Plug-ins Challenge is running until 04 15, 2018. Visit the Challenge homepage for rules, requirements, tips, methods, and more. Prizes will be awarded towards the top extensions in three groups: Games & Entertainment, Dynamic Designs, and Tab Manager/Organizer. Winners is going to be awarded an Apple iPad Pro ten. 5” Wifi 256GB and be showcased on addons. mozilla. org . Runners up in each type will receive a $250 USD Amazon . com gift card. Enter today and maintain making awesome extensions!
Reporter, tech writer, and video maker helping Mozilla keep the Web open up and accessible for everyone.
If you liked Why is a Great Extension? by Dustin Driver Then you'll love Web Design Agency Miami