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:
Every now and then I need to make a cardboard box that’ll just fit the items I want to put in it for shipping. To simplify the process, I created an online cardboard box calculator. If you need to make a cardboard box, this could save you some time.
$(":input").each(function(index, element) {
var name = $(element).attr("name");
var value = $(element).val();
console.log(name + " : " + value);
});
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.
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.
When correcting colors in Photoshop, here’s a quick and simple way make improvements.
Here are some Chrome browser extensions that are really useful for web developers: