And one day, we need a layer or effect that only exists in only one of these files, search for it which can become complicated (what we're looking can be invisible as well).

ComparePSD is a free Windows software that helps finding the differences between 2 PSD files in such situations to save you time.

The software enables you to select the files to be compared from Windows Explorer.

When it is started, the files are compared layer-by-layer including layers styles (effects), styles attributes, layers visibility flags and highlights the differences.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Preview Photoshop Brushes Easily: ABRView
• Photoshop-Like JavaScript Color Picker
• Photoshop Snowflake Brushes Collection
• Photoshop Plug-in For Converting PSDs To Wordpress Themes: Divine
• Photoshop Icon Plugin

With the click of a keyboard shortcut, a cropping interface appears where it is possible to:

• set the area of the screenshot
• make it fullscreen
• copy to clipboard
• upload to the net & get a link
  
• edit it on a web-based service

Most of the similar tools instantly take a screenshot of the area you selected before clicking any approve button. LightShot makes it kindly, waits for you to arrange the area, shows you the size of it & a click is required which is better to prevent wrong screenshots.

The tool can work in every computer as it comes as a Windows desktop application, a Firefox add-on & an Internet Explorer add-on.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Automated Browser Refresher For Developing Easier: XRefresh
• Windows 2008 Hosting Discount Offer: Easy CGI
• Website Reachable Alert Firefox Plugin: Mr Uptime
• Wappalyzer: Find Out Apps. Used On A Website
• Use CSS3 Pseudo Selectors With IE: ie-css3.js

It is activated with a hotkey (Alt+g) & can toggle between displaying the grid in the foreground or background.

By default, #grid comes with a 980-pixel-wide background image to provide the vertical grid lines (a 940-pixel-wide content area with 20px gutters).  But, when working on different grids, you can create a new image for your guides.

Usage is very straightforward, just include the JavaScript file & CSS to your project.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System
• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid

It can capture the entire screen, region or window with various options like "including the cursor", "automated resizing of them" or even "applying automated effects".

The tool sits in the system tray & allows you to keep an history of the last 100 screenshots.

It can auto-name the captured images or batch convert them (resizing & adding effects) after they are taken.

The screenshots can be drag'n dropped into any application or there are other sharing features like "send to e-mail", "send to Twitter" or "save to clipboard".

Screenpresso also has a built-in image editor that can apply image effects, insert objects (textboxes, arrows, annotations, etc.), apply resize or crop to the screenshots.

For Mac & Linux users, sadly, it only works in Windows.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Clixpy: A Practical Web Service To Capture User Activities (50 Free Promo Codes)
• 10 Free Screen Recording Softwares For Creating Attractive Screencasts

It has an intuitive user interface where all the controls can be selected easily.

The software works with layers & offers multi-layer/group editing support.

Some features of StylePix are:

• various selection types (auto-range, color-range & rectangular, circular, polygonal, lasso area selection)
• batch processing
• 30 different filters
• thumbnail, histogram & waveform view for current image
• & more..

StylePix works on Windows OS & consumes very few system resources, even the installer is ~800kb, which makes it an ideal solution for less-powerful computers or running from portable devices (a portable version exists).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Online Image Editors – Why To Use Them And 5 Amazing Ones For Designers
• 20+ Cheat Sheets Handy For Designers
• Design With Grids: 960 Grid System
• BlendFu: Photoshop And GIMP Brushes Library
• Windows 2008 Hosting Discount Offer: Easy CGI

They are based on the Konigi wireframe stencils and includes 3 sheets of elements (form elements, HTML editor, etc.).

How To Create Them?

Simply download and print the PDFs on to magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

2 Things You May Consider Buying (from Amazon.com):

• Avery 3270 Printable Magnet Sheet for Inkjet Printer (White)
• 3M LS950 No-Heat Laminating System

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• User Interface Library For MooTools: MochaUI
• UI Pattern Factory: User Interface Design Best Practices & Inspiration
• Track Mouse Activities With JS And PHP: (smt)
• Sketching And Prototyping Tool: Pencil Project
• Simple JavaScript UI Kit For Complex Apps.: UKI

It works by selecting spots in design files & marking them as Wordpress variables like:

• post title
• post text
• author link
• etc..

It produces valid XHTML-CSS code & themes are automatically widget-ready.

Divine has an integrated FTP-client & it is a very ideal plug-in for anyone who is not that into coding and/or Wordpress theming.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Wordpress QuickAdmin Plugin By WRD
• WordPress Plugin For E-Commerce: GetShopped
• WooThemes Launches With New Themes
• Wappalyzer: Find Out Apps. Used On A Website
• Tiny And Chic Flash Mp3 Player: Audio Player

ABRView is a free software that makes this process much easier. It allows you to define the folder(s) where brushes are installed & preview them.

Also, once you download a brush, although you have an opinion on how it looks, you can not be sure until installing it, running Photoshop & checking the look from the brush palette. As ABRView can display brushes from any folder, you simply save time on seeing how they look.

It has an .exe version for Windows & .jar version for Mac & Linux.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Photoshop-Like JavaScript Color Picker
• Photoshop Snowflake Brushes Collection
• Photoshop Plug-in For Converting PSDs To Wordpress Themes: Divine
• Photoshop Icon Plugin
• Photoshop Heart Brushes Collection

There are many beautiful applications built with it including the ones that are functional for the designer & developer community.

Months ago, a post published at WRD was sharing 27 Adobe AIR Applications – Handy For Web Designers. Since then, there are various great applications created.

And here they are, 16 Fresh Adobe AIR Applications For Designers & Developers:

ImageSizer

ImageSizer is a batch image processor tool which can resize, optimize and rename multiple JPG files.

Once the images are processes, they can be exported as a single .zip file.

JustResizeIt!

A batch image resizer that works with drag’n drops. It enables users to define different presets in advance & creates resized images instantly.

The application is great for anyone sending photos with e-mails, requires batch resizing & more.

Xe-IMG Editor

It supports multiple image types, image-from-URLs & SWF files as images to be edited.

With various effects like: zoom, image mask, sharpening, enhancing, embossing & more Xe-IMG Editor is a handy free desktop image editor.

.merlin – Font Organizer

This Adobe AIR based font organizer is very helpful for anyone with many fonts.

It scans a given folder, renames a font with its original name & places it in a folder with the first letter of the font which makes Georgia font to go to the "G" folder.

Contrast-A

The application enables interacting with a 3-dimensional RGB color space, experimenting color combinations, checking the contrast according to both WCAG 2.0 and 1.0. And, results can be seen in different types of color deficiency.

Custom color palettes can be created, printed and saved as Pdf to the user’s desktop.

Dot3D

Dot3D enables drawing a 16*16px image an viewing it in 3D.

Images can be easily rotated withing the canvas and saved as PNG files. Also, any drag’n dropped image is automatically drawn as a pixel image.

It is a handy application specially for icon designers.

Fractal4D

A very interesting Adobe AIR application that makes it possible to draw fractal swirls.

By playing with the options like "points in use, line thickness, colors" it is possible to get very surprising results.

Drawn images can be exported as Illustrator files or saved as images.

Random Pattern

It lets you to create random patterns which you have control on some variables.

It is possible to define the "number of elements", "color scheme used", "width/height", "corner radius" of the objects.

Preset files can be loaded & results can be saved as .SVG files.

Adobe Fireworks – Auto Backup

For Fireworks users, this can be a real life-saver. It automatically creates backups of  .PNG files which they are modified.

An interval can be set for the backup. A nice solution specially for possible Fireworks crashes.

Caliper Project

A caliper for measuring objects pixel perfect. It floats over any other applications, can be dragged & rotated with hotkeys.

pixDIF

An application for:

• measuring the pixel distance/size of something when you’re not in Photoshop
• testing how a new visual update would look in your websites

It floats an image over any other applications and makes imagining "how it would look" very easy.

Lita – SQLite Administration Tool

An SQLite admin tool that runs on the Adobe AIR platform.

It enables users to manage databases, tables, columns & records. SQL queries can be ran, databases can be encyrpted/reencryped & more.

htmlText Editor

Specially for Flex developers, it provides a shortcut to having htmlText generated in a WYSIWYG type editor.

It updates both ways: while updating the htmlText or the rich text. Optionally, it can wrap the htmlText in CDATA tags and what you copy to the clipboard will be wrapped in the CDATA tags.

Bolso

Bolso is an Amazon SimpleDB GUI which displays the data stored in the service.

It can run custom SQL queries, add/edit/delete/view items, import phpMyAdmin exported data & much more.

SQLFury – SQL Injection Scanner

An SQL injection scanner, using blind SQL injection techniques to extract information from a target database.

It supports, MySQL, PostgreSQL, Oracle & Microsoft SQL Server.

De MonsterDebugger

An open source debugger for Adobe Flash, Flex & AIR.

It can trace strings, numbers, objects, arrays, xml and even custom classes, edit properties in runtime, explpre your live application & much more.

P.S. Alcon: another Adobe AIR based debugger for ActionScript developers.

And a healthy bonus:

RelaxMyEyes

For anyone who works with computers, eye health is something that requires attention. So, every x minutes, taking a break is a must.

This tiny application runs in the background & warns you when it is time to relax your eyes. Very handy for designers & developers, people who are ,clearly, very concentrated & don’t realize how time goes by.

Books On Adobe AIR & Flex:

• Adobe AIR Bible (Bible (Wiley))
• Adobe AIR 1.5 Cookbook: Solutions and Examples for Rich Internet Application Developers – (PDF Version)
• Flex 3 Cookbook: Code-Recipes, Tips, and Tricks for RIA Developers (Adobe Developer Library)
• Professional Adobe Flex 3 (Wrox Programmer to Programmer)

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Site-Specific Browsers: Turn Websites Into Desktop Applications
• Real-Time Site Analytics Tool: Woopra
• Open Source RIA Framework For Mac: Fluidium
• kuler: Discover And Share Colors
• IntraMessenger: Instant Messenger For Communities

Controlling these applications via keyboard is a part of this "mastering process" which helps you use an application with 2 hands = much faster.

Also, knowing the tricks of tools inside these products definitely opens new doors for creating.

Specifically for designers, here is a list of cheat sheets for the most popular applications like Photoshop, Illustrator, Gimp, Fireworks & more..

Photoshop CS4 Keyboard Shortcuts

Keyboard shortcuts are very well organized, both by menu & alphabetically.

Also, shortcut presets that add lots of extra shortcuts are provided too.

Keyboard shortcuts for previous Photoshop versions:

• Adobe Photoshop CS3
• Adobe Photoshop CS2
• Adobe Photoshop CS
• Adobe Photoshop 7
• Adobe Photoshop 6
• Adobe Photoshop 5

Photoshop Black And White Cheat Sheet

There are many different way & settings for converting images to black and white with Photoshop.

This is a Photoshop file presenting different filters/presets. Just update 1 file & see the various outputs.

Photoshop Brush Tool Cheat Sheet

A compact & helpful guide on Photoshop’s brush tool.

Photoshop Lasso Tool Cheat Sheet

Adobe Illustrator CS4 Shortcuts (Mac – PC)

For the previous versions of Illustrator:

• Adobe Illustrator CS3 Shortcuts (Mac – PC)
• Adobe Illustrator CS2 Shortcuts (Mac – PC)

Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC)

For the previous versions of InDesign:

• Adobe InDesign CS3 Shortcuts (Mac – PC)
• Adobe InDesign CS2 Shortcuts (Mac – PC)

QuarkXPress 8 Keyboard Shortcuts (Mac – PC)

For the previous versions of QuarkXpress:

• Adobe QuarkXPress 7 Shortcuts (Mac – PC)

Adobe Pen Tool Cheat Sheet

The Adobe pen tool works similar in Photoshop, Illustrator and InDesign. Tips & tricks on using this powerful tool.

Gimp Keyboard Shortcuts (direct link to PDF file)

And more on Gimp:

• Gimp Quick Reference Card (direct link to PDF file)
• Gimp hotkeys on Linux
• Photoshop-ish Keyboard Shortcuts for The Gimp 2.2

Fireworks CS3 Quick Reference (Mac – PC / direct link to PDF file )

Quick references for previous Fireworks versions:

• Fireworks MX quick reference (Mac – PC)
• Fireworks 4 quick reference (Mac – PC)

Freehand MX, 3D Studio Max, Illustrator & More Shortcuts

Computer Arts presents keyboard shortcuts for Freehand MX, 3D Studio Max, Illustrator, InDesign & Photoshop.

3D Studio Max 9 Keyboard Shortcuts

Keyboard shortcuts for previous versions of 3D Studio Max:

• 3D Studio Max 7 Keyboard Shortcuts

Adobe Bridge And Camera Raw 3 Shortcuts

Final Cut Pro 5 For Mac Shortcuts

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Online Image Editors – Why To Use Them And 5 Amazing Ones For Designers
• Lightweight Image Editor Software: StylePix
• Design With Grids: 960 Grid System
• Christmas Design Toolkit: Photoshop Brushes, Vector Images And Tutorials
• BlendFu: Photoshop And GIMP Brushes Library