Abdullah Yahya

$(":input").each(function(index, element) {
	var name = $(element).attr("name");
	var value = $(element).val();
	console.log(name + " : " + value);
});

1. Select the rows / data
2. Click Data > Sort & Filter Advanced
3. In the dialog box, check “Unique records only”

Removing backgrounds from images is boring and sometimes difficult when there isn’t much contrast between the subject and the background. Of all of the background removal tools I’ve found, Fluid Mask 3 appears to be the best.

http://www.vertustech.com/fluidMask/

Save yourself some time and use this tool or outsource to Indians in India for $1.00 an image.

This can be useful when browser inspectors (Firebug, Chrome) won’t do.

http://www.fiddler2.com/fiddler2/

Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect traffic, set breakpoints, and “fiddle” with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.

Fiddler is freeware and can debug traffic from virtually any application that supports a proxy, including Internet Explorer, Google Chrome, Apple Safari, Mozilla Firefox, Opera, and thousands more. You can also debug traffic from popular devices like Windows Phone, iPod/iPad, and others.

Here are a couple of web-based fiddling tools for HTML, CSS, and Javascript.

http://jsbin.com/

http://jsfiddle.net/

They tools are great for fiddling as are the various browser inspectors.

I just came across this app / service that claims to be able to automatically convert Photoshop designs to cross-platform HTML + CSS within minutes. If this actually works, this would be great.

http://www.markupwand.com/

When correcting colors in Photoshop, here’s a quick and simple way make improvements.

1. Drag the level markers to the opposite ends of the Levels spectrum
2. Apply lighter or darker curves, if necessary.

 

Here are some Chrome browser extensions that are really useful for web developers:

• JSONView
  Validate and view JSON documents
• PHP Array View
  I couldn’t find a PHP array prettifier but if you var_dump a PHP array and inspect it in Chrome, it’s pretty.
• PageRank Status
  Shows Google PageRank and AlexaRank of current web page, quick access to Geo IP Location, Whois, Alexa, backlinks and indexed pages
• Show Title Tag
  Shows title in top of the page, since you cant read the title in the small tabs.
• Rulers, Guides, Eye Dropper and Color Picker
  For UI developers. Pick any color from webpage using eye-dropper tool; display rulers, guides and grid on the page.
• Page Ruler
  Measure any distance on a page

Here are the best SVN and Git clients I’ve found for Windows.

SVN

• SmartSVN
• SyncroSVN

Git

• GitHub for Windows
• SmartGit

When updating a website, you may sometimes notice that your changes don’t go into effect when you refresh your screen (F5). You also will want to test your site to see how they look with Javacript turned off.

To refresh your page, you can hit F5, but you may not see any changes since content may come from your local cache.

To force your page to be reloaded from the server regardless of your local cache, use Shift + F5.

To turn on/off javacript / local cache in Chrome, see the image below.