Debugging Front End Code, New Tools

Front End debugging tools have come a long way. Below are some of the tools I am using on a daily basis to debug and fine-tune my front end code.

Firebug – Firefox Plugin

Firebug is my workhorse for general debugging. It has the standard set of CSS inspectors and a robust net monitor. The net monitor is essential for debugging XHR requests. I could not develop Ajax applications without it.

(more…)

Painless EOT Font Generation With FontSquirrel

So you want to use @font-face to add some fancy fonts to your site. Well there is that pesky problem of IE needing a specific font type. Until recently you had to use Microsoft’s WEFT tool to generate the right files. Personally I’d rather stick needles into my eyeballs than use this awful program, luckily some online tools have sprung up to ease the pain.
(more…)