Category: Web Development

Here’s an interesting article on hacking web apps

https://community.qualys.com/blogs/securitylabs/2012/09/26/hacking-web-apps

and some useful tools for automating SQL Injection attacks and penetration testing.

• sqlmap
• BeEF

 

Here’s a step-by-step guide for setting up HTML 5 video with Flash fallback support in websites.

1. Use Quicktime Pro and convert video to m4v format
   1. File > Open File > Browse to your video file (load the source video)
   2. File > Export for Web
   3. Check all checkboxes and click OK

 

Continue reading HTML 5 Video with Flash Fallback – A How-To Guide

Javascript cross-domain policies prevent us from calling remote sites from our pages. Here’s a nice tutorial that shows you how to overcome that so that you can effectively cURL a remote web page to your calling javascript for local processing and/or screen scraping.

http://usejquery.com/posts/the-jquery-cross-domain-ajax-guide

http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

https://github.com/padolsey/jQuery-Plugins/tree/master/cross-domain-ajax

Every now and then I like to search for useful tools that make it easier to do web development. Most recently, my biggest improvement was switching my IDE from Dreamweaver to Sublime Text 2. Now, I just came across a couple of IDEs designed specifically for PHP and Javascript,  the of the most often-used languages for web development. They look good but I haven’t had a chance to try them out. Here they are:

• PHPStorm
• WebStorm

 

$(":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/