50 Air Apps and Browser Addons for Web Designers and Developers


As web designers and developers, we’re all aware that some of the simplest of tools can make a huge impact on our day to day workflow and productivity. Using a simple browser plugin or lightweight Adobe AIR application to automate or simplify basic tasks that would otherwise be unnecessarily time consuming and redundant can reduce tasks to a split second click or drag and drop action.
Using Adobe AIR apps and browser add-ons or plugins, you’ll be able to tackle everything from image editing and color scheme management to batch processing images, wireframing, debugging and browser testing.
We’ve selected and listed 50 fantastic Adobe AIR applications, Firefox add-ons and Safari plugins for simplifying tasks and boosting productivity for web designers and developers.
Splashup Light
Splashup Light

[AIR] Splashup Light

Splashup Light brings the online image editor to the desktop for quick image editing. It’s great for low power systems like tablet PC’s, netbooks or laptops but is also quite useful in regular desktop workflows.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Splashup Light
Livebrush
Livebrush

[AIR] Livebrush

Livebrush is a motion-based drawing app which allows exporting your creations as vector files to be used in other applications. With a plethora of options and tools, you’ll be able to create some pretty great graphics with this app.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Livebrush
Fractal4D
Fractal4D

[AIR] Fractal4D

With Fractal4D you can create 3D fractals and export them to an application like Adobe Illustrator. You can manipulate the 3D fractal’s movement, intensity, color and many more options.
Price: Free
Requires: Adobe AIR
Link: Fractal4D
RichFLV
RichFLV

[AIR] RichFLV

With RichFLV you can edit flv files’ metadata, cuepoints, sound and more. Convert them to swf or mp3. It’s a lightweight application for quick, basic editing.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: RichFLV
e2vector
e2vector

[AIR] e2vector

e2vector is an illustration application capable of layers, masks, and many other powerful tools. You can import and export SVG’s, splice paths, combine shapes and much, much more.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: e2vector
ImageSizer
ImageSizer

[AIR] ImageSizer

Quickly resize, rotate, optimize and rename a batch of images. You can then output the batch as a single zip file. Drag and drop the images you want to edit, customize the settings and you’re done.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: ImageSizer
JustResizeIt!
JustResizeIt!

[AIR] JustResizeIt!

With JustResizeIt! you can drag and drop images to quickly resize them. Use it to create widgets for specific uses like e-mail, web galleries, web designs, templates and lots more.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: JustResizeIt!
kuler desktop
kuler desktop

[AIR] kuler desktop

kuler desktop brings Adobe’s fantastic color scheme creation and management application Kuler, to the desktop. It integrates wonderfully with Photoshop, Illustrator and InDesign for easy color scheme management and more.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: kuler desktop
colorbrowser
colorbrowser

[AIR] colorbrowser

Store and manage sets of color palettes with colorbrowser. Open or drag and drop ASE files from Kuler or ColourLovers into colorbrowser to add the color palettes to your collection.
Price: Free
Requires: Adobe AIR
Link: colorbrowser
COLOURlovers
COLOURlovers

[AIR] COLOURlovers Desktop Color Finder

Search the COLOURlovers entire database from your desktop to find fantastic new color creations and collections. It’s a basic app but very useful when you’re looking for new and creative color schemes for designs and other ideas.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: COLOURlovers Desktop Color Finder
ColorZilla
ColorZilla

[Add-on] ColorZilla

ColorZilla is an advanced eyedropper or colorpicker for Firefox to quickly find RGB color values. It also includes several other features such as full page zoom integration in Firefox 3.5+, viewing, bookmarking and sharing color palettes and much more.
Price: Free
Requires: Firefox 1.5 – 3.5.*
Firefox Add-ons: ColorZilla
Contrast-A
Contrast-A

[AIR] Contrast-A

Interact with a 3-dimensional RGB color space, experiment with color combinations and check the contrast according to WCAG 1.0 and 2.0. Create custom color palettes, print, save and more with Contrast-A.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Contrast-A
Flickr Desktop Search
Flickr Desktop Search

[AIR] Flickr Desktop Search

One of the best resources available for free images from around the web is Flickr. Flickr Desktop Search brings fast searching capabilities to your desktop. If you search for images on Flickr frequently, this could be a quite helpful app.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Flickr Desktop Search
Picasa Image Browser
Picasa Image Browser

[AIR] Picasa Image Browser

Like Flickr Desktop Search, Picasa Image Browser lets you browse public images from Picasa Web, also via username, and then download images to your computer.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Picasa Image Browser
Websnapshot
Websnapshot

[AIR] Websnapshot

Although taking snapshots of websites isn’t very difficult, it does become a painfully redundant task. Websnapshot makes it fast and super easy to save a thumbnail, browser size or full page screenshot in an instant. Customize the default settings and enter the URL or drag it from your browser.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Websnapshot
FireShot
FireShot

[Add-on] FireShot

FireShot is a web page screenshot add-on but, oh–so much more. FireShot includes editing and annotation tools to modify screenshots with text and graphics. You can even upload the final image to free public screenshot hosting or sent to your external editor of choice.
Price: Free
Requires: Firefox 2.0 – 3.6b1pre (Windows Only)
Firefox Add-ons: FireShot
Screengrab
Screengrab

[Add-on] Screengrab

Save the browser window, full website, a selection of the website as or just a particular frame as an image. You can optionally copy the image data to the clipboard instead of saving a file.
Price: Free
Requires: Firefox 3.0 – 3.5.*
Firefox Add-ons: Screengrab
Snippely
snippely

[AIR] Snippely

Save lots of text files of snippets like code, quick notes, to-do’s, etc. all over your computer? I know I used to. Snippely takes care of that by providing a quick place to drop and retrieve those snippets. It offers organization, syntax highlighting and more.
Price: Free
Requires: Adobe AIR
Link: Snippely
Snippage
Snippage

[AIR] Snippage

With Snippage you can create widgets from parts of websites, which are basically just mini web browsers cropped down called “snips”. If you frequently monitor sections of websites, this would be a great way make them easily accessible without the viewing the full site.
Price: Free
Requires: Adobe AIR
Link: Snippage
Pixus
Pixus

[AIR] Pixus

Measure screen objects in pixels with both keyboard and mouse control with Pixus. You can also preview your design with other skins, use the app on multi-screen setups, use quick guides and more.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Pixus
PixelWindow
PixelWindow

[AIR] PixelWindow

PixelWindow is a very simple application focused on measuring things on your screen. Drag and resize the transparent windows with pixel measurements in the middle. You can adjust opacity, open multiple rulers and much more.
Price: Free
Requires: Adobe AIR
Link: PixelWindow
MeasureIt
MeasureIt

[Add-on] MeasureIt

Quickly measure website elements in pixels with the MeasureIt rulers. Use keyboard shortcuts to move the rulers for pixel perfect measurements, change measurement units, measure multiple elements at once, snap to page objects and much more.
Price: Free
Requires: Firefox 1.0 – 3.5.*
Firefox Add-ons: MeasureIt
Pixel Perfect
Pixel Perfect

[Add-on] Pixel Perfect

With Pixel Perfect you can overlay a web composition over the developed HTML/CSS website to ensure quality and accuracy in the final product. This is also a great tool for checking your development progress to make sure you’re on the right track or if you need to make adjustments.
Price: Free
Requires: Firefox 3.0 – 3.5.*, Firebug
Firefox Add-ons: Pixel Perfect
Em Calculator
Em Calculator

[AIR] Em Calculator

Use Em Calculator to get all the correct values converted from pixels to ems and calculate the correct vertical rhythm for your designs. It’s a simple but effective and useful tool.
Price: Free
Requires: Adobe AIR
Link: Em Calculator
Random Pattern
Random Pattern

[AIR] Random Pattern

Render patterns based on specified settings that can be used for a multitude of purposes. Save presets, save output image(s) as SVG and more. Random Pattern is a great app for generating creative patterns fast and easy.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Random Pattern
Icon Generator
Icon Generator

[AIR] Icon Generator

It’s a simple application but it’s very useful. Icon Generator makes it super easy to create CS3 or web 2.0 style icons. Pick a color, enter your text and save it. It can generate four sizes ranging from 16×16 px to 128×128 px.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: Icon Generator
Flair Builder
Flair Builder

[AIR] FlairBuilder

With FlairBuilder you can prototype and wireframe websites and even implement interactive components. It uses a drag and drop interface and includes a full set of elements and tools for every aspect of your website.
Price: Free 14 day trial or $99 to purchase
Requires: Adobe AIR
Link: FlairBuilder
Boks
Boks

[AIR] Boks

Boks is a visual editor for the Blueprint CSS framework. With it you can easily configure the grid, baseline rythm, CSS, grid.png export HTML layout and a lot more. If you haven’t taken the time to get familiar with a framework like Blueprint CSS, this is a great place to get started.
Price: Free
Requires: Adobe AIR 1.5
Link: Boks
GridFox
GridFox

[Add-on] GridFox

GridFox makes it possible to draw a grid on top of a website you’re viewing. It’s great for checking grid-based designs to find the number of columns, column widths and more.
Price: Free
Requires: Firefox 3.0 – 3.5.*
Firefox Add-ons: GridFox
Font Finder
Font Finder

[Add-on] Font Finder

Font Finder lets you quickly pull the CSS styles of text you select in web pages making it super easy to discover new font styling. A simple but very helpful tool for web designers and developers.
Price: Free
Requires: Firefox 1.5 – 3.5.*
Firefox Add-ons: Font Finder
Firebug
Firebug

[Add-on] Firebug

Firebug is arguably the most popular and feature filled web development add-on for Firefox with a fantastic collection of tools and capabilities. Edit, debug and monitor CSS, HTML, JavaScript and more in any web page as well as performance testing and more.
Price: Free
Requires: Firefox 3.0 – 3.5.*
Firefox Add-ons: Firebug
Web Developer
Web Developer

[Add-on] Web Developer Toolbar

The Web Developer toolbar brings a wide array of web design and development functions and tools to Firefox for everything from CSS and HTML to JavaScript, cache, validation and much, much more.
Price: Free
Requires: Firefox 1.0 – 3.5.*
Firefox Add-ons: Web Developer Toolbar
YSlow
YSlow

[Add-on] YSlow

YSlow analyzes web pages and ranks them based on Yahoo!’s rules for high performance web sites. It also includes Yahoo!’s Smush.it service for optimizing and reducing image size for the web. This is a great add-on for designers and developers to improve performance and optimize their website images.
Price: Free
Requires: Firefox 2.0 – 3.5.*
Firefox Add-ons: YSlow
FireFTP
FireFTP

[Add-on] FireFTP

FireFTP gives Firefox more than just web browsing powers, making it a super powered browser with a cross-platform full FTP client. FireFTP is commonly used as a complete replacement for a standalone FTP client since it offers just about everything you need.
Price: Free
Requires: Firefox 3.5 – 3.5.*
Firefox Add-ons: FireFTP
HTML Validator
HTML Validator

[Add-on] HTML Validator

Quickly check website validation from within Firefox with the HTML Validator add-on. You can also check the number of errors and warnings, all in an unobtrusive manner.
Price: Free
Requires: Firefox 1.0 – 3.5.* (Windows Only)
Firefox Add-ons: HTML Validator
Safari Tidy
Safari Tidy

[Plugin] Safari Tidy

Safari Tidy validates web pages as you browse with Tidyand W3C validator. The error and warning results are displayed in the bottom right corner of the browser window. Clicking them will open the Tidy and W3C result pages.
Price: Free
Requires: Safari 3+
Link: Safari Tidy
jsBeautifier
jsBeautifier

[AIR] jsBeautifier

jsBeautifier is a very basic app that formats your JavaScript properly for easy reading and editing.
Price: Free
Requires: Adobe AIR 1.5
Adobe AIR Marketplace: jsBeautifier
DownThemAll!
DownThemAll!

[Add-on] DownThemAll!

This is a download manager and accelerator for Firefox to maximize download speeds and manage bulk file downloads. It adds many more advanced capabilities to Firefox such as customizable download criteria and downloading all links or images in a webpage.
Price: Free
Requires: Firefox 3.0 – 3.5.*
Firefox Add-ons: DownThemAll!
View Dependencies
View Dependencies

[Addon] View Dependencies

The View Dependencies add-on adds a new tab to the Page Info window and lists all the files loaded to show the current web page. View the files in order of server, type, size and more. Then quickly open any file in a new tab, window or copy to the clipboard.
Price: Free
Requires: Firefox 1.0 – 3.5.*
Firefox Add-ons: View Dependencies
JSView
JSView

[Add-on] JSView

JSView gives you a quick way to view external files linked in a website such as CSS and JavaScript without the need to dig through the site source code. Quickly access these linked files directly from the context menu, toolbar, view menu or status bar.
Price: Free
Requires: Firefox 2.0 – 3.6a1pre
Firefox Add-ons: JSView
IE Tab
IE Tab

[Add-on] IE Tab

IE Tab makes it possible to render web pages within Firefox how they would be seen in Internet Explorer. This is a great add-on for browser testing without the need to ever leave Firefox.
Price: Free
Requires: Firefox 3.0 – 3.6a1pre (Windows Only)
Firefox Add-ons: IE Tab
OperaView
OperaView

[Add-on] OperaView

This is another basic add-on for quickly opening links or current pages being viewed in Opera for browser testing and other web development purposes.
Price: Free
Requires: Firefox 1.0 – 3.5.*
Firefox Add-ons: OperaView
FirePHP
FirePHP

[Add-on] FirePHP

With FirePHP you can log to your Firebug console using a PHP method call. It’s a great add-on for AJAX development but has several other fantastic uses as well.
Price: Free
Requires: Firefox 3.0 – 3.5.*, Firebug, a PHP library
Firefox Add-ons: FirePHP
Live HTTP Headers
Live HTTP Headers

[Add-on] Live HTTP Headers

Although this is a very basic add-on, it’s quite helpful for developers. With Live HTTP Headers you can view the HTTP headers of the pages you’re browsing, quickly and easily.
Price: Free
Requires: Firefox 0.8 – 3.5.*
Firefox Add-ons: Live HTTP Headers
Saft
Saft

[Plugin] Saft

Saft adds a staggering number of features to Safari including ad and animation blocking, undo close tab(s), Growl support, full screen browsing, Kiosk mode, Google safe browsing and much, much more.
Price: $15
Requires: Safari 3.1+
Link: Saft
SafariStand
SafariStand

[Plugin] SafariStand

SafariStand implements many great improvements for Safari including a bookmark shelf for saving and resuming browsing sessions, site alteration for customizing site specific settings, syntax coloring in source view and much, much more.
Price: Free
Requires: Safari 3.1+
Link: SafariStand
SafariSource
SafariSource

[Plugin] SafariSource

Safari’s default source view does not include syntax coloring which is where SafariSource comes in. It solves this issue and adds syntax coloring for easy reading. You can customize the plugin preferences (fonts, colors, etc.) in Safari’s preferences pane.
Price: Free
Requires: Safari 3.0 (4.0?)
Link: SafariSource
Window Resizer
Window Resizer

[Add-on] Window Resizer

Browser window size testing is important but an often overlooked task. The Browser Window Resizer Firefox add-on makes it a breeze to quickly test all the major resolutions.
Price: Free
Requires: Firefox 1.5 – 3.5.*
Firefox Add-ons: Window Resizer
Polaris
Polaris

[AIR] Polaris for Google Analytics

Monitor your Google Analytics account straight from your desktop with a simplified and very attractive interface. View all your Google Analytics information easily with maps, charts and graphs.
Price: Free – $15/year
Requires: Adobe AIR
Link: Polaris
Klok
Klok

[AIR] Klok

Klok is a time tracking application that makes it very easy to visualize how your time is being used. View graphs and other visual aides from your time tracking information and easily keep track of every minute you spend working or not to maximize your time and efficiency.
Price: Free
Requires: Adobe AIR
Link: Klok
Although several of these tools only do basic tasks, they’re quite useful and surprisingly helpful in optimizing your workflow and productivity. Whether you’re a web designer or web developer (or both), the apps and browser additions listed above are bound to help in some way and are well worth trying out if you haven’t already. The great thing about many of the tools listed above, is that they require little to no additional computer resources!
Have some more great AIR applications or browser additions you find useful that we 

Conclusion

didn’t list? Post a comment below and let us know.

To subscribe to the "Guy WhoSteals" feed, click here.
You can add yourself to the GuyWhoSteals fanpage on Facebook or follow GuyWhoSteals on Twitter.
Any feedback can go straight into Guy's mailbox:
  • guywhosteals AT gmail DOT com
  • guywhosteals AT yahoo DOT com

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
top
Share