Mar 4 2010

10 Popular Firefox Add-ons for Web Developers

We searched forums, blogs, and TwitterTwitter to find out which FirefoxFirefox add-ons are most popular with web developers, and we came up with this top 10 list.

Every plug-in on the list offers outstanding utility to developers who install them in their browsers. In fact, some of them are even considered indispensable. And they’re all available as free downloads for Firefox, right now.

If you know any other developer staples that didn’t make our top 10, be sure to share them with us and our other readers in the comments. And if you’re more into Google ChromeGoogle ChromeGoogle Chrome, be sure to check out our list of 10 essential Chrome extensions for developers.


1. Firebug


With Firebug, you can edit the CSS, HTML, and JavaScript on any web page live without navigating to a different application. Changes can be made and previewed in real-time. The add-on also comes with network activity analysis tools and a JavaScript performance profiler. Like the Firefox browser itself, Firebug can be extended with plug-ins that add new features.


2. Web Developer


The Web Developer add-on is the most powerful and dynamic extension in this list; it adds a toolbar that lets you do numerous useful things.

You can disable Java, disable or view cookies, disable CSS, view styles, see detailed information on forms, disable images, find broken images, view JavaScript, display all kinds of behind-the-scenes information, edit HTML, show hidden elements, resize the window to a specified resolution, validate code and much more.


3. ColorZilla


ColorZilla is a color picker that lives down in your browser’s status bar. Just click the ColorZilla button and move the cursor over the color you want to find out about; you’ll be given a reading that includes the color’s RGB values and the hexadecimal code you need to duplicate the color on your own site. ColorZilla also includes a color wheel, a page zoomer and a measuring tool.


4. HTML Validator


HTML Validator appears as an icon in the status bar, and displays the number of HTML errors Firefox encountered when opening up a web page. You can then dive into the HTML code to investigate what caused the errors.

Be warned that when you navigate to the Firefox add-on page for HTML Validator, you’ll be told that the add-on isn’t available for download for your operating system if you’re a Mac or LinuxLinux user. Take a quick trip tothe developer’s website and you’ll find versions for several platforms, though.


5. FireFTP


FireFTP is an adequately featured FTP (File Transfer Protocol) client that runs inside Firefox. When you execute it, it appears as an extra window just like Firefox’s bookmark or download managers. Features aren’t just limited to the basics; you can perform integrity checks or searches, sync directories while navigating, compare directories and so on. This add-on should meet the needs of the majority of FTP users.


6. IE Tab


Microsoft’s Internet ExplorerInternet Explorer web browser is barely used by web developers, but it’s the most popular browser in the world at large. With IE Tab you can open any website in a tab that’s actually running IE instead of Firefox. That way, you can more easily make sure your website runs correctly for millions of people who aren’t using Firefox.

Note that IE Tab is not available for Mac or Linux, since you need to have IE installed for it to work and there are not any currently supported versions of IE for non-WindowsWindows operating systems.


7. MeasureIt


With MeasureIt, you can draw a rectangular ruler anywhere on the website to get the measurements (height and width) in pixels of any element or space. Similar functionality is offered by ColorZilla, so running both add-ons at the same time would be redundant, but this plug-in is nevertheless hugely popular.


8. Greasemonkey


Greasemonkey allows more advanced customization of your browser by executing custom JavaScript scripts that change the way websites are displayed. Hundreds of scripts are available, and many of them are tailored to specific websites. For example, we’ve covered the Facebook Friends Checker script in the past; it monitors your friends list when you’re logged in to FacebookFacebook and notifies you when one has been removed.


9. View Source Chart


When you look at the source for a web page using Firefox’s normal tools, you’re given a massive block of barely-organized text; it’s not very easy to scan and look for something specific. View Source Chart displays a web page’s source code in a set of smartly divided, colored partitions. It visually represents tag boundaries and DOM structure so you can navigate efficiently without getting lost in the noise.


10. Aardvark


Use Aardvark to select elements on a website and perform any one of a broad selection of functions on them. You just click on an element and hit one of several keyboard shortcuts. Possibilities include hitting R to remove the element, W to widen it, I to isolate it or V to view the element’s source. Hitting H for “help” brings up a list of all 14 shortcuts.


Jan 20 2010

10 Web Browsers You Probably Haven’t Heard Of

Firefox. Internet Explorer. Chrome. Safari. Opera. We’ve pretty much all heard of them by now. They’ve been fighting for market share for the past few years (Internet Explorer has been fighting for it for a lot longer than that), and it’s unlikely any of them will ever come out the absolute winner. They try to be all things to all people. And that’s great.

Except…

What if you’re looking for a browser that does just the things you want to do online? What if you’re sick of all the browser-war hubub and want something that’s truly unique and different (and, maybe, works better than the mainstream options)? What then?

10 Web Browsers You Probably Haven't Heard Of

Well, there’s good news. There are more than a dozen excellent alternative browsers out there if you’re looking for something distinctive. Below are ten such web browsers, along with why you might want to consider using them.

1. Stainless

Stainless

Stainless is a browser created in response to Google Chrome. It utilizes multi-processing architecture like Chrome (which, at the time of inception, wasn’t available for OS X), but also has some excellent features not found in other browsers. One of the most interesting features is the ability to log into one website using two different accounts in separate tabs.

Why you should consider it: The ability to log into a site with different credentials in different tabs makes this an excellent option for many. It’s especially useful if you have, say, work-related Gmail accounts and personal Gmail accounts.

Current release version: 0.7.5

Operating systems supported: OS X Leopard and Snow Leopard.

2. Maxthon

Maxthon

Maxthon is a highly configurable browser that places an emphasis on security. It has a built-in Ad Hunter that blocks most ads, as well as security features to prevent spyware, malware, and viruses. It lets you fully customize your browsing experience (you can choose between using menus, hot keys, word aliases, toolbars, or mouse gestures, plus there are more than 1,400 plug-ins to add functionality). It has filters available to block irritating or offensive content.

Other Maxthon features include a built-in screen capture tool, URL aliases for faster surfing, a built-in feed reader, an online favorites service, advanced proxy rules, and an anti-freeze feature.

Why you should consider it: If you want a customizable browser, Maxthon might be what you’re looking for; it’s built specifically for power users. Between plugins, skins, filter packs, and other customizable features, it truly lets you personalize your browsing experience. For parents concerned about their children’s’ activities online, the filters for blocking content can be reassuring.

Current release version: 2.5.11 (the Classic Version is also available: 1.6.5)

Operating systems supported: Windows

3. Sleipnir

Sleipnir

Sleipnir is very popular in Japan with a majority share in the country. It’s a profoundly customizable browser that maintains speed and performance despite customizations. There are skins and plugins available for it, letting you change the design and settings of the browser to suit your needs. And as all good browsers should, it stresses on security and usability, and allows for tabbed browsing.

Why you should consider it: Sleipnir is an option if you want a highly customizable browsing experience.

Current release version: 2.9.2

Operating systems supported: Windows 98 and newer

4. Swiftfox

Swiftfox

Swiftfox is an optimized build of Firefox that’s faster and more cutting edge than the regular Firefox distribution. It works with Firefox plugins, making it remarkably extensible. The overall user interface is similar to Firefox, but is a bit more minimalist and clutter-free. Most other features are in line with what Firefox has to offer.

Why you should consider it: If you love Firefox but want something faster and lighter, then Swiftfox is your best bet.

Current release version: 3.5.6

Operating systems supported: Linux

5. Lunascape

Lunascape

Lunascape is the world’s first and only triple engine browser. That’s right: it’s a hybrid browser that runs on Gecko, Trident, and WebKit. It supports plugins and add-ons from Firefox, Internet Explorer, as well as their own plugin platform. It’s touted to be faster and lighter than many other browser options.

Why you should consider it: If you find yourself constantly switching back and forth between browsers (either for cross-browser testing of web designs or because of add-ons available only to Firefox or Internet Explorer), Lunascape is a perfect fit for you.

Current release version: 6.0.1

Operating systems supported: Windows

6. Konqueror

Konqueror

Konqueror combines web browsing, local and remote file management, and a universal viewing app that lets you view documents without having to launch other programs. It’s open source and HTML 4.01 compliant. It embraces Netscape plugins (like those for Flash or RealVideo). Konqueror also has a built-in FTP and WebDAV support.

Why you should consider it: If you’re a Linux user who wants a browser that can multitask, then Konqueror is definitely something to look into. It’s especially useful for those who want to be able to manage files right from within their browser.

Operating systems supported: Linux

7. SeaMonkey

SeaMonkey

SeaMonkey is developed by Mozilla and is an “all-in-one” internet suite of apps. While the browser within SeaMonkey is pretty standard (and not unlike Firefox), what sets it apart is that it has integrated email, newsgroups, an HTML editor, IRC Chat, and web development tools. The mail feature offers tabbed reading and supports tagging and alternate views for better email finding and reading. The HTML editor renders CSS and gives you dynamic image and table resizing. For web developers, you can take advantage of the JavaScript debugger and a DOM inspector.

Why you should consider it: For developers and designers, SeaMonkey has a plethora of useful built-in features. It’s also a great option for people who like to run the bare minimum number of apps.

Current release version: 2.0.1

Operating systems supported: Windows 2000 and newer, Mac OS X 10.4 and newer, and Linux.

8. OmniWeb

OmniWeb

OmniWeb is a WebKit browser created by the same people who created OmniGraffle and OmniOutliner. It aims to be fun and easy to use (like other Omni products) and shares a similar user interface. It has all the standard browser features we’ve come to expect (including tabbed browsing, bookmarks, and ad blocking), but also includes Workspaces, which lets you save browsing sessions to open later and includes an auto-save option and a built-in RSS reader.

Why you should consider it: For Mac users who want a browser that’s efficient and easy to use, OmniWeb might be just what you’re looking for. It’s appropriate for power users too, and the Workspaces feature is especially handy.

Current release version: 5.0.1

Operating systems supported: Mac OS X 10.4.8 or newer

9. Camino

Camino

Think of Camino as a Firefox build specifically for Macs, built on the Gecko 1.9 rendering engine. It includes phishing and malware protection, tabs (including a tab overview function that lets you see all your open tabs at once), “annoyance blocking” (which blocks ads, pop-ups, and Flash animations), Keychain support (to save your browsing credentials), and download notifications. It also includes AppleScript support, feed detection, session saving, recently closed tabs, and full keyboard access.

Why you should consider it: Camino is a great browser for Mac users who like Firefox but want something built specifically for the Mac.

Current release version: 2.0

Operating systems supported: Mac OS X 10.4 or newer

10. Flock

Flock

Flock is probably better known than many of the other browsers above, especially if you’re a social media addict. Flock was created specifically to make managing your social media activities easier from within your browser.

Flock focuses on staying connected through social media by making sharing and publishing things easier. It integrates directly with Facebook, Gmail, Digg, YouTube, MySpace, Flickr, Twitter, WordPress, Blogger, Delicious, Bebo, TypePad, Picasa, and more. Special features include a People sidebar, a Media bar (to browse photos and videos from your favorite sites), a built-in feed reader, a photo uploader, a blog editor, and more. There are also extensions and custom themes available for download.

Why you should consider it: Flock is a great choice for social media power users who want to be able to connect with all their social media accounts from one place.

Current release version: 2.5

Operating systems supported: Windows, Linux, Mac OS X

Source:  Cameron Chapman @ sixrevisions.com


Get Adobe Flash playerPlugin by wpburn.com wordpress themes