Test your web design in different browsers

Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.

You can test your site at different resolutions like 800, 1024, 1280, 1400 and 1600. As well as you can test your site at different color depth (like 8,16,24 and 32), different version of Javascript and Flash. http://browsershots.org/

My online Test Result

Today I visited a usability site. And I just tried to have a usability test. I scored 7 out of 10. I have given wrong answer for three questions. All the three questions were having very close similar answers. Thats why I missed. Anyhow thats my mistake.

Free Usability Review

Dear friends,

Send me your website url or web application url. I will give you usability review of your product or site for free.

My usability review will have
1. Usability Issues
2. Usability Suggestions
3. Severity Graph
4. Issue Graph
5. Issue Location Graph
6. Summary Report

Duration of the review will not be more than one week.

Mail me at karthik.unengineer@gmail.com

Wonderful Usability Tools

Screenshot Tool for Firefox

You can take a screenshot or pageshot, draw arrows, type text and make call-outs from within Firefox. This tool will be very useful for Usability Engineer, Usability Tester, Support Engineer and developer

http://screenshot-program.com/fireshot/

Flash Chart

You can create 3D chart images for your applications

http://www.fusioncharts.com/free/

For monitoring website

I like site24x7.com for their excellent service for website monitoring. It has allowed me to see my website downtimes. It alerts me if my website goes down by sending email. Without login we can analyze a website, DNS lookup, Find IP and location. Every webmaster should use this site.

Most usable : Left-side links or Right-side links

Poll : Which is the most user-friendly mail service?

How to use Photoshop Script?

Many people are not familiar with the power of Photoshop Scripts and aren't aware that there are many excellent sample scripts and learning guides included with Photoshop. This tutorial will show you where to find the Photoshop Scripting Guides, show you how to install Photoshop Scripts, and explain how to work with Photoshop Scripts.

So Why Use Scripts Instead Of Actions?

Photoshop Scripts are Actions on steroids, and Scripts can be super smart. From the official Adobe Scripting Guide come these examples of scripting power: You can add conditional logic, so that the script automatically makes "decisions" based on the current situation.
For example, you could write a script that decides which color border to add depending on the size of the selected area in an image: "If the selected area is smaller than 2 x 4 inches, add a green border; otherwise add a red border"

A single script can perform actions that involve multiple applications. For example, you could target both Photoshop CS2 and another Adobe Creative Suite 2 Application in the same script. You can open, save, and rename files using scripts.

Download the documents

For a complete understanding of the power and complexity of scripts read through the Scripting documentation that came with your Photoshop application installation or you can download it from www.adobe.com/devnet/photoshop/pdfs/JavaScriptReferenceGuide.pdf

How to install Photoshop Scripts

After downloading a script you must copy it into your Scripts folder.
On a PC, the path would be: C:\Program Files\Adobe\Photoshop (CS or CS2)\Presets\Scripts\ After copying a script to this folder you'll need to Quit and then Restart Photoshop before the script appears in the File> Scripts menu.

To Run A Photoshop Script

To run a script choose File> Scripts and select the script from the list, which will include any script file that was saved with a .js or .jsx extension and saved in the Presets/Scripts folder. If you want to run a script that was saved in a different location, simply choose File> Scripts> Browse and navigate to the specific script you want to use.

To Set Scripts To Run Automatically

You can have an event such as saving or exporting a file trigger a JavaScript in Photoshop. Here's how: Choose File> Scripts> Scripts Events Manager.

Select Enable Events To Run Scripts/Actions. From the Photoshop Event menu, choose the event that will trigger the script. Select Script and then choose the script to run when the event occurs. The event and its associated script will be listed in the dialog box.

To disable and remove individual events, select the event in the list and click Remove. To disable all events, but keep them in the list, deselect Enable Events To Run Scripts/Actions.

Source

Usability issue in Google Search

If i want to know the latest news/site about "usability" , How can i search it ?

Available Solutions :
1. You can search it as " Latest News + google ".
2. You have to choose the "News" link(Filter) , and then You have to search it.

My proposed Solution :

I need a link as "Latest updates" along with "Web, Images, Groups, News, Scholar".

Zoho home page is looks cluttered

Zoho home page is looks cluttered. They tried to show all of their stuffs but not worry about look and feel. My suggesstion is catagorizing the zoho tools in user's perspective. And It can be done by card sorting method of user testing.

I have done a prototype image for this . This is my perspective only. Look at it and share your thoughts.

Advanced CSS3

Here you can download a PDF file about advanced concept of CSS3 . It describes the brief history of CSS and advanced CSS3. It may be useful to all developers and designers.

http://www.andybudd.com/presentations/css3/css3.pdf