Today, I would like to talk about Firefox add-ons for the web development that can extend the browser’s core functionality, because I believe that these add-ons are very important for any web developer and web designer.
Many of these add-ons you already know!
Let's start with the most popular and powerful a wed development tool:
The web developer needs a console, but not that much that he/she should drop everything and start reading thick books about Linux. That's why I have learned occasionally some console tricks, and many of my coworkers do the same. I will reveal a few useful secrets without which I cannot live anymore.
1) Use ssh keys!
I discovered the keys a long time, but regularly there are people who never heard about them. SSH keys allow adapting the connection once, and then passwords do not have to be stored to all sites in a notepad.
$ ssh-keygen -t dsa
The tinycon is a small library for the manipulating the favicon to transfer information about the new events. The browsers that do not support the canvas the counter is displayed in the title page.
It is very simple in use. We need to connect lib and write
Once a client has asked me to set a countdown timer on his website.
He explained that it is needed for the users in order to take advantage of promo that is time-limited and as well to improve his website.
I began searching different options online. However, whatever I have found so far, I did not like it. There were various plugins for jQuery, but any of them did not fit the style. I needed a plugin that would look aesthetically in the existing design and visually tell the user how much time he still has left.
In recent years there has been a tendency to make out the graphics in the form of fonts. It really simplifies a lot. But there are difficulties of a practical nature: Where do I get the font with the symbols that are needed for me? Most often it turns out that you need a couple of icons from one font, a couple icons from another, etc. Moreover, each font designer has his own vision in terms of mapping glyphs. It is very inconvenient to plug in all that.
I got an idea to build a tool that could make font by a simple click of a mouse. Profit is obvious you get the font of the minimum size just to suit your specific needs. You get fontomas :).
Firefox is very popular among web developers because of its extensibility through various plug-ins and add-ons that were written by independent developers. The extension idea allowed solving a lot of various tasks directly in the browser without resorting to external tools.
Undoubtedly, you will find the familiar extensions in this list, but a lot of useful extensions always remain aside. So get ready to install a couple more extensions! :)
Built-in developer tools in Firefox
Fist we would like to mention the tools already built into Firefox. This article introduces a collection of development tools in Firefox Aurora 10 that could be found in any modern browser.
Mozilla has tried many approaches and solutions during the interface designing of these tools. Consequently, they got a nice interface that anyone can try by installing Firefox Aurora (Have you installed it yet?)
You will find below a big list of extensions, which is going to be useful for any web developer.
Today, we will discuss the WaterSpout. This web server can process websockets queries, allowing communicating in the real time between a server and browser using websockets or long polling. It is written in PHP.
First of all, it verifies whether supports websockets (these are Chrome, Opera and FF, if they are included), if not, we should not worry, because the long polling will be used.
These are benefits of this technology: the instant message delivery and high performance. It is tested in Chrome, FF, IE6 +.
Here is a demo.
How can we run at home?
I faced the necessity to introduce a sip phone to the browser. On the internet mostly is the information on the basis of red5 + red5phone, but it seemed a bit of crocky and insufficiently reliable. Let us just say I was not satisfied with the time correlation of deployment and the required hardware resources to a level of quality, support, and ranging, also it is problematic for integration in a web project.
A little more searching I found this one project on the internet. It makes essentially the same as red5, but it is written in python and it has a flexible web interface.