15 Firefox Collections To Suit Your Online Browsing Needs

Are you a fan of Firefox add-ons? They make your life easier by automating a lot of things you do with your favorite browser. In fact, there are actually collections that Firefox users have put together to benefit other Firefox users. These are called Firefox Collections.

Firefox Collections make it easy to keep track of your favorite add-ons and share them with the world. You can follow any collection to keep track of updates (newly added add-ons), try out recommended add-ons and even test out brand new ones. Most of these collections bear the ratings for the add-ons to help you decide, and these collections are often better-targeted and more actively curated by the collection owners.

Here are just some of the Firefox collections that I have come across that I’m sure will help you out one way or another.

Web Developer’s Toolbox

Firefox has a great selection of Web development add-ons and this collection brings the best of them together. So far there are 14 add-ons to help you troubleshoot, edit and debug Web projects all from within Firefox.

Top Add-ons: Firebug, Greasemonkey, Stylish, iMacros, User Agent Switcher, Web Developer.

Reference Desk

Looking for the best way to document useful Web pages, links, text and images? This collection is great for students, researchers, writers, bloggers or anyone else who does a lot of Web research or maybe those who just like to save things for later.

Top Add-ons: Evernote Web Clipper, Pocket, ScrapBook, StumbleUpon, SimilarWeb.

Family Organizer

As the name implies, this collection is aimed at families. The add-ons listed can be used to create a “safe and fun online experience” for mothers, fathers and children. So far there’s only 6 on the list, but let’s hope that it is actively updated.

Top Add-ons: Web of Trust, ReminderFox, Integrated Inbox, FoxFilter.

Traveler’s Pack

If you travel a lot and usually plan the trips yourself, having add-ons to help with the process (planning, booking, documenting) can help tremendously. That’s just what this collection aims to do.

Top Add-ons: Self-Destructing Cookies (useful if you’re planning a surprise trip), Forecastfox Weather, FoxClocks, Simple Currency Converter.

Firebug Add-ons

Firebug is a very popular Web development tool that integrates with Firefox. You can use it to edit, debug and monitor CSS, HTML and JavaScript for any Web page. If you use Firebug frequently, this collection is a great way to keep up with add-ons to help extend this amazing tool.

Top Add-ons: Firebug, YSlow, FirePHP, CodeBurner, FireQuery, Firefinder.

The Paranoid Kit

There are quite a few privacy/security collections, but I really like this one because the collector has taken the time to write a useful note for each add-on featured. The selected security add-ons are said to be “relatively passive and produce minimal disturbance in typical day-to-day browsing.”

Top Add-ons: Adblock Plus, NoScript, LastPass, User Agent Switcher, BetterPrivacy, Lightbeam.

Online Shopping

This collection will really come in handy for any special holiday when shopping deals are at their best. Whether you’re a shopaholic or just like saving money when shopping, these add-ons can help you to do just that. Now you’ll never miss out on those great sales!

Top Add-ons: CouponsHelper, Ciuvo – Price check in your Browser, PriceBlink, Boo.ly Shopping, The Amazon 1Button App, InvisibleHand.

Add-ons for Google Products

Do you use all or most of Google’s products like YouTube, Gmail, Google Calendar and Google search? If so, this collection can help make using these tools even easier. The add-ons on this list can extend the functionality of Google’s most popular services.

Top Add-ons: Video DownloadHelper, Feedly (a Google Reader replacement), Gmail Manager, SearchPreview, Google Shortcuts, Shareaholic.

Social Circuit

Are you a social networking addict or just like sharing cool things on to your social networking accounts? Then this collection is for you. It includes social networking add-ons to help make sharing easier, and to give you easy access to the most popular social sites.

Top Add-ons: ChatZilla, StumbleUpon, Facebook Toolbar, Yoono, Thumbnail Zoom, Shareaholic.

Sports Fanatic

The name says it all. If you’re a sports fanatic, the add-ons in the collection are sure to help cater to your sports addiction. These add-ons can help you get the latest scores, highlights and news for your favorite sports team.

Top Add-ons: FootieFox, Are You Watching This?! Sports, Pickemfirst Fantasy Sports.

Privacy

In case The Paranoid Kit collection doesn’t meet your needs, this is another privacy collection that is also useful. The add-ons listed are more geared toward making you anonymous on the Web as well as covering and erasing your tracks.

Top Add-ons: Adblock Plus, anonymoX, NoScript, Ghostery, Web Of Trust, BetterPrivacy.

Gmail Add-ons You Must Have

Gmail is a great online email service, but you can make it even better with the add-ons in this collection. Whether you want to get notifications of new email messages, bring all your favorite Google services to Gmail or add a cool email signature, this collection is perfect for the job.

Top Add-ons: X-notifier, Gmail Manager, Integrated Inbox, WiseStamp.

Web Application Security Penetration Testing

This is definitely an interesting collection; it is said to include “Web hacking tools” for Firefox. Besides the usuals like Firebug, Greasemonkey and User Agent Switcher, you’ll find add-ons on the list to help you debug JavaScript, view and modify HTTP/HTTPS, view JSON documents, test for SQL injection vulnerabilities and much more.

Top Add-ons: Firebug, Greasemonkey, iMacros, User Agent Switcher, Web Developer, FoxyProxy.

Web Pro

The earlier mentioned Web Developer’s Toolbox is a collection just for Web developers, but this Web Pro collection is for Web developers and designers. Some of the add-ons listed may overlap, but you’ll find a lot of useful add-ons for designers and even some different ones for developers.

Top Add-ons: Video DownloadHelper, Firebug, DownThemAll!, Greasemonkey, iMacros, Flagfox.

Firefox Accessibility Add-ons

This is a really thoughtful collection to say the least. The add-ons listed have been tested by the Collector and are found to be very helpful for people with visual impairments. The collection has a focus on “a user’s interactions with sites and Firefox.”

So if you have some type of visual impairment (partially sighted, low vision, legally blind), or just have a hard time seeing specific Web pages, these add-ons should be able to help you see better in Firefox.

Top Add-ons: Adblock Plus, Stylish, Tab Mix Plus, Web Developer, FireGestures, ColorfulTabs.

Now that you know more about Firefox Collections and the best ones to check out and/or follow, let us know which collections you’re following or plan to follow.

Operating Systems You May Not Have Heard Of (But Should)

While the Operating System (OS) is the most important system software powering the gadgets and devices we find under our fingers daily, we’re mostly familiar with the regular few: Windows, Mac OS X, Linux, and for mobile, iOS, Android OS, Windows OS, Blackberry OS, Symbian, Bada etc.

But outside of these usual suspects there are many more operating systems – big, small, easy, difficult, for general or very specific uses. Here’s 8 not-so-known operating systems you might find interesting.

These operating systems, though unknown to many, are unique and amazing software. If you cannot install any of these OS you can try them with a flash drive or via a virtual environment using VirtualBox or VMWare, which you might after you find out what they have to offer.

1. KolibriOS: Smallest GUI OS

Kolibri is the smallest GUI operating system. It was forked off from MenuetOS. Written completely in assembly language, it is available in two versions: 1.44MB with essential features and 3MB with additional features. Despite being small enough to fit in a floppy disk, Kolibri is a complete and working graphical user interface.

Kolibri can be booted using a floppy disk, optical disc, flash drive or hard disk drive. It can read many file systems including FAT32, NTFS, and EXT3/4. It has applications for all basic computing tasks, such as text editor, email client, HTTP client, etc.

2. Firefox OS: Mozilla’s Mobile OS

Mozilla has tried to bring a completely open source mobile platform. . Codenamed Boot2Gecko, Mozilla branded it under the name of Firefox OS after its popular and open source web browser, Firefox. It is built on open web standards such as HTML, CSS, and JavaScript.

It features an interface much like that of Android having home screen, notification bar, etc. It doesn’t support native apps, only web apps built using HTML5, CSS3, and JavaScript. One of the interesting features of Firefox OS is that everything inside it is a web page running on its separate browser process, like contacts manager, dialer, etc.

3. Slax: Pocket OS

Slax is a modern, live, pocket operating system based on Slackware Linux. Despite its small size of 220MB, it contains essential apps for basic computing, and you can extend its functionality using modules. Users can open a module (out of hundreds available e.g. Firefox, Libre Office) and the software will installed automatically.

Being a live operating system, it can run directly from the portable drive without the need of installation. You can just plug in your flash drive (with Slax on it), configure system’s BIOS to boot from the flash drive and voila, Slax boots up. It even features persistent storage, which means your data and preferences get saved in the flash drive, and are loaded automatically upon the next run.

4. Ubuntu for Phones: Content-focused UI

Ubuntu, the most popular desktop Linux distribution, is now available for phones under the name of Ubuntu for Phones, on top of Ubuntu for tablets, Ubuntu Server edition and Ubuntu Desktop. One of Ubuntu’s innovative features is that developers can write one app for all Ubuntu devices, which will be available via the Ubuntu Software Centre.

Ubuntu for Phones focuses on content rather than controls. It is designed to make your phone content easier to access – every edge of the screen has a specific purpose, making all your apps, content, and controls instantly accessible.

5. ReactOS: Windows-like OS

ReactOS is a free and open source replacement for MS Windows, and is designed on the principles of Microsoft’s powerful NT architecture. Its kernel is written from scratch, and it is based on WINE. It supports many of Windows drivers, and is able to run many of Windows software, on a GUI similar to that of Windows XP/2003.

Though ReactOS is actively developed and maintained, it is not yet as functional as newer versions of Windows, such as Windows 7 or 8. Then again, ReactOS Foundation’s goal is basically to create a fully functional and compatible Windows replacement, which is open and free for the people.

6. Tizen OS: Samsung’s replacement for Bada OS

Samsung%20relies%20heavily%20on%20Android%20for%20its%20smartphone%20market%20share,%20but%20it’s%20trying%20to%20find%20alternative%20options. While it has the Bada OS, there are plans to replace the mobile OS on their smartphones with Tizen OS, an open source and standards-based software platform.

Tizen offers an innovative OS, applications, and user experience via flexible and powerful development environments based on HTML5. Its smartphone technologies provide 3D window effects, multi-tasking, multi-touch, sensor and location-based service frameworks, and support for multiple screen resolutions.

7. Tails: Amnesic and Incognito OS

Tails is a Linux distribution based on Debian. Tails stands for The Amnesic Incognito Live System, and can be run (without installation) from portable mediums such as optical disks and flash drives. As it is run entirely in the computer’s RAM, all files and browsing history is automatically erased once the system is turned off (amnesic).

Aimed at preserving your privacy and anonymity while browsing, Tails implements many security tools, including the Tor anonymity network, and cryptographic tools to encrypt and secure your files, email, and instant messages to protect your private information, including your identity (incognito).

8. Qubes OS: Security-by-Isolation OS

Qubes OS is based on Xen, X Window System and Linux. Qubes provide hardened security using the security-by-isolation approach, creating many security domains, which are implemented as lightweight Virtual Machines (VMs). These domains have their own set of security restrictions, isolating one domain from the next.

So if you separate your browser from your sensitive work data, a hacker or malware would not be able to access your information even if it has compromised your browser, thanks to the isolated domains and strategic compartmentalization. That’s the beauty of the security implementation of Qubes OS.

Browser Add-Ons To Enhance Your YouTube Viewing Experience

Controls

YouTube is a much-loved source of entertainment; some might think it’s taking over TV due to the sheer amount and types of entertainment: mini web series, tech and tutorial channels, lyric videos and covers etc. It’s no surprise that some of us can spend hours watching YouTube videos on our subscribed list while others can binge-watch recommended videos for the whole day.

Controls

However, there are minor annoyances with the viewing experience that even these YouTube tricks can’t fix. The common complaints (basically First World Problems) are like the layout being distracting, too much white space, and annoying (or awesome) advertisements that eats into your video-viewing time.

To conquer these problems, I am going to introduce to you the Tube Enhancer Plus for Firefox and YouTube Options for Google Chrome.

Awesome “Hidden” YouTube Settings

Both Tube Enhancer Plus and Youtube Options have some pretty cool features, ideal for the serial YouTuber. With them you can:

1. Remove advertisements – Both can let you skip the ads at the start of the video.

2. Enlarge player size – You can also enlarge the ‘video box’ size so that it fills up the space of your browser window for a closer and clearer view.

3. “Dim the lights” – This feature greys out the areas around the video box. This along with #2 maximizes the real estate of your large, high-resolution monitor.

YouTube Resize

4. Set default viewing quality – If changing the video quality often irks you, then worry no more, you now need not manually change it.

5. Set autoplay settings – You can also set the autoplay settings so videos won’t automatically start playing when you open multiple videos in new tabs.

More From Tube Enhancer Plus (Firefox)

Installing Tube Enhancer Plus gives you a few controls at the bottom of your browser window to download or loop the current video on top of the other features mentioned earlier.

Controls

The coolest feature about this add-on is the ability to watch a video on the Firefox Sidebar. This allows (in)effective multitasking as you can surf the Web while watching all your videos.

YouTube Firefox Sidebar

More From YouTube Options (Chrome)

YouTube Options for Chrome has more customizable features. You can hide elements of YouTube like the comments section, video suggestions, video description, title, header and footer from the settings or its keyboard shortcuts. This gives you a super-clean YouTube player.

YouTube Options

Using the mouse scroll wheel while hovering the mouse cursor above the ‘video box’ lets you change the ‘video box’ size, forward/rewind the video, or change the volume level.

Certain features of YouTube Options can also be used on any embedded videos or on sites like Vimeo, Hulu and DailyMotion.

9 Thing You Should Know About Firefox OS

If you use the browser Firefox instead of Chrome and Safari, chances are you have heard about Firefox OS, the new open source operating system for smartphones and tablets from Mozilla. The organization is serious in working to make the Web open and accessible to everyone.

Though this new mobile OS is an emerging technology, it is quickly catching the eyes of users, developers, and critics. In this post, we will have a look at what’s in store.

Q1: What is Firefox OS?

A: Firefox OS (codenamed Boot2Gecko or B2G) is a mobile operating system based on Linux and Mozilla’s Gecko technology. It is built upon open web standards like HTML5, CSS3, and JavaScript.

Mozilla has developed Web APIs so that HTML5 apps can communicate with the device’s hardware, which was only possible for native apps until now, e.g. Bluetooth, Wi-Fi, Camera, etc.

Mozilla Foundation has always worked to make the Web more accessible to everyone, and apart from Firefox OS, there are other tools such as the Firefox Browser, Firefox Marketplace, etc. However, some critics report that it a Mozilla tactic to reach a bigger mobile audience in order to level up to its primary competitor, Chrome.

Q2: How is Firefox OS different from Existing Mobile OS?

A: Built entirely using HTML5 and other open Web standards, Firefox OS is free from the rules and restrictions of existing proprietary platforms.” – Mozilla

Firefox OS is different – you can think of it as something more than a browser running on a very lightweight Linux-based operating system. Every app in Firefox OS including the Camera and the Dialer is a web app, i.e. a website in the form of an app. Simple!

Web is the platform for Firefox OS – apps are built using HTML5 (along with CSS3 and JavaScript) instead of native languages. For comparison, Android apps are developed in Java; Windows Phone apps are developed in C++, C#, or HTML5, etc. Firefox OS is written entirely using open Web standards, with the exception in the lightweight operating system (codenamed Gonk) forming the base of Firefox OS.

Q3: What is The User Interface Like In Firefox OS?

A: Android is the inspiration for the user interface of Firefox OS. Hence, it has a lock screen, home screen and notification bar. However, there are some changes as compared to Android. The home screen shows a background image (along with the time and date) and has no support for widgets for now.

Sliding right on the home screen shows the list of installed apps; there is no dedicated icon to open the app drawer like on other mobile OS. Sliding left on the home screen shows the list of app categories, which when clicked, shows installed and suggested apps in the chosen category.

Long pressing the home key brings the list of opened apps along. Pressing the power button brings the power off menu. Pressing home and power keys together takes a screenshot.

Firefox OS’s user interface is better than iPhone or Windows Phone OS, but it is not as good as that of Android. Apps share common styling conventions, and thus provide a consistent design factor, making it easy for users to get around the app’s functionality.

Q4: How Are apps for Firefox OS different from apps for other Mobile OS?

A: Firefox OS, powered by Gecko engine, runs only websites in the form of apps, known as web apps. These apps are built using HTML, the same technology that powers the Web. These web apps will run on many operating systems in addition to Firefox OS. Every operating system (including Android and Windows 8) that runs Firefox browser will be able to run these web apps distributed through Firefox Marketplace.

Web apps will come in two forms for Firefox OS: hosted apps and packaged apps. Hosted apps will be hosted on Mozilla’s server and will be downloaded and loaded each time you access them, i.e., they are quite like web pages instead of apps, and they will not run if data connection fails.

Packaged apps will be downloaded once in the form of a compressed package and will be loaded from the local source each time you access them, i.e., they are quite alike apps on other operating systems. This is possible due to the local storage and cache features of HTML5 language.

Q5: What are the different ways to try Firefox OS?

A: Firefox OS, though still in its development stages, is worth a try. However, buying a phone for USD200 just to test the mobile operating system may not be in everyone’s immediate plans. Do not worry as you have other options to play with Firefox OS.

You can try Firefox OS in these four ways:

  1. You can use Firefox OS Desktop client for your operating system. Check the instructions for downloading and building Firefox OS Desktop client.
  2. Download Firefox OS Simulator add-on for Firefox browser (of course, you need to have Firefox browser on your system). Check the Firefox extensions page on Firefox OS Simulator.
  3. You can build Firefox OS Simulator from source and use Firefox OS in a simulated environment. Check the instructions on how to build Firefox OS.
  4. You can build Firefox OS from source and install it on your existing device (only if it is supported – check the question below).

It is suggested to use the Firefox OS Simulator add-on for Firefox browser because it is the easiest and safest method for trying Firefox OS. Building Firefox OS from source is tedious work and the Firefox OS Desktop client may or may not work successfully for you.

Q6: What are the devices that currently support Firefox OS?

A: Mozilla has released two phones with Firefox OS but so far they are only available for developers:

  1. Keon by Geeksphone
  2. Peak by Geeksphone

Firefox OS can be built and installed on some other compatible devices too. Check the guide for installing Firefox OS on a compatible device. It is even reported that Firefox OS can be dual-booted with Android on the Samsung Galaxy S2.

Some of the devices supporting Firefox OS are:

  1. Unagi
  2. Otoro
  3. Pandaboard
  4. Samsung Galaxy S
  5. Samsung Galaxy S 4G
  6. Samsung Galaxy S2
  7. Samsung Galaxy Nexus

Q7: How does it compare with Ubuntu for Phones?

A: Ubuntu for Phones is a mobile operating system built upon the Linux kernel, same as Firefox OS. Ubuntu for Phones makes full use of the mobile’s small screen and touch functionality. The full area of the screen is provided to the app’s content (i.e., options or controls are hidden) and swiping over the corners bring the controls in view. Thus, apps on Ubuntu for Phones provide better user experience to mobile users.

Firefox OS has web apps but Ubuntu for Phones has native apps as well as web apps. Native apps use advance APIs and powerful features, e.g device’s hardware and services, etc. Web apps are developed using HTML5 and CSS3, and lack powerful features that are provided to native apps in Ubuntu for Phones.

Q8: What are the plans for Firefox OS’ Security?

A: Mozilla is actively working on the security of its new mobile OS. Many of the security features are inspired from Google’s Android. These are some of the security features of Firefox OS:

Device screen or SIM can be locked with a PIN.

Permissions required by any app are shown to the user upon installation. Low-risk permissions (e.g., web access, etc.) are provided automatically to the app while high-risk permissions (e.g. location access, etc.) are first confirmed from the user, and then provided to the app.

Permission Manager (or App Permissions) allows the user to manually allow or block permissions for an app. This is something missing in Android.

Mozilla plans to bring device encryption (using a boot-time password) to Firefox OS in near future. (Source)

Q9: What does Firefox OS mean for the Future of Smartphones?

A: Firefox OS, if successful, will change the way we use the Web. We are used to visit websites but Firefox OS will bring an era where we will be using Web apps more than Websites. Ubuntu for Phones will also support Firefox OS to help bring in this change.

A Look Into: Essential Firefox Tools For Web Developers

Firefox has long been the preferred browser for web development. There are a number of useful add-ons to do the job. In this post, we are going to look into a few add-ons that I think is essential to be installed if you are going to do web development. Also we are going to uncover some of the features in these add-ons that can help.

First of all, we need to install the Firebug.

Firebug

Firebug is a must-install add-on for web development. Assuming that you don’t know where to get Firebug, you can install it here. Probably, you need to restart your Firefox before it is activated.

After that, you can view the Firebug through one of the following ways: follow this menu Tools > Web Developers > Firebug, right-click on the web page and choose “Inspect Element with Firebug”.

Alternatively, you can find a Firebug icon in Firefox and click on it, this will show the firebug window;

Firebug is quite identical to Chrome Developers Tools. it has a panel to see the HTML structure and the styles, and also a Console panel to see the errors, warnings and logs. But, I have a few more tips that hopefully you may find useful.

Adjusting Box Sizing

HTML element is made up with CSS box model that consist of margin, padding and object dimension (width/height). There are times when we may need to modify these properties. In that case, you can select one of the elements you want it to change, then go to the Layout panel.

In this panel, you will find an illustration of a CSS box model along with its information, including the width and height. Even though these two properties are not specified in CSS, this tool is clever enough to determine the value. If you need to modify them, you can simply click on the value and use the up or down arrow key to increase or decrease the value.

Computed styles

In many situations, you probably are wondering why certain styles are not applied. One of the easier and faster ways, particularly when you have thousands of lines of styles, is by inspecting it from the Computed Style panel. This example shows that the anchor tag text color is overwritten by .button class, while the background of the .button class is overwritten by .button.add.

Inspecting Font Family (the easy way)

You probably often find something like this in font-family property in CSS with various font families. Unfortunately, this won’t tell us specifically which font the browser takes. To make the identification easier we can install this Firebug extension namely FireFontFamily.

After the installation is done, load your webpage, and now we can clearly see which font family is applied. In our case it is in fact Helvetica Neue (see shot).

Analyzing Performance

This might be platitude, but Site Speed is now one of Google parameters (algorithm) in deciding website quality; the website that loads faster is considered to be well developed and ranked higher in terms of content. So speed is not something that should be overlooked.

Net Panel

The first place that you might need to visit to inspect your website performance is the Net panel. This panel will record the HTTP request of your website when it is loaded. This screenshot below shows a webpage that loads 42 request and takes around 4.36 seconds to load.

You can then sort the HTTP request upon their type like HTML, CSS, and Images.

Yslow!

Furthermore, you can also install YSlow, an extension for Firebug from Yahoo!. After it is activated, you will find an additional panel expressively called Yslow!.

Similar to Net panel, Yslow! will record the webpage performances when it’s being loaded, but then it will also tell you why the webpage is slow and what can we do to solve it. In this example, we run a test to a webpage and it is scored 86 for overall performance, which is considered OK.

Page Speed

Alternatively, you can also install Page Speed from Google. Similar to Yslow!, it tests website speed performance, albeit the test result may be slightly different. This example shows that the same webpage scored 82 according to Page Speed.

Web Developer Tools

Web Developers Tools is obviously for web developers and it has a bunch of features packed in this toolbar. But this one below is one of my favorites.

Image Inspection

There are times when we may need to get image information from the webpage. I commonly see people do this by stumbling across the browser or by right-clicking the image and select View Image Info, like so:

But this way is not quite efficient when we need to get the information from many images. In that case, we can utilize the Images feature from the add-on. This feature is easily accessible from the Image menu from the toolbar.

And, this example shows how we show the image dimension and image file size simultaneously:

Firefox Built-in Tools

In recent versions, Firefox has tremendously enhanced its built-in features for web developers, some of them are:

Native Inspect Element

This native Inspect Element from Firefox may look similar to “Inspect Element in Firebug”, but it actually acts in different ways.

This time, I will not go through this feature further, as it is essentially identical to Firebug HTML and CSS panel, albeit with a difference in layout and design. But, there is one distinctive feature that is worth trying out, the 3D view.

Using 3D view you can view the webpage structure in depth. To activate this view, you can find the button at the bottom right of the “Firefox Native Inspect Element”. This is how the 3D view looks like.

I don’t use it as often as other features though, but it’s quite an innovative feature from Mozilla I admit, and certainly very useful in certain situations.

Web Design View

Since the increasing popularity in Responsive Web Design, Firefox has initiated a Responsive Bookmarklet to the Browser. This tool will allow us to test our responsive website in different viewports without resizing the browser window.

This view is available from this menu: Tools > Web Developer > Web Design View. And, this how the view looks like.

Style Editor

Lastly, if you are working with CSS frequently, you will likely fall in love with this feature. Since the version of 11, Firefox had added Style Editor in its native developer tools.

This feature is as cool as the Web Design View, it allows you to edit the CSS, see the impact instantly on the browser and save the changes that directly affects the CSS source file.

The Style Editor is available from the following menu: Tools > Web Developer > Style Editor.

Final Thought

There is a bunch of features packed in these Firefox add-ons and those discussed here are just some of the features I utilize quite frequently during web development. Nonetheless, you may have some other tips that might be useful to increase web development productivity in Firefox.

What features do you use frequently? You can share your thoughts in the comment box below.