Debugging methods and tools for better, faster development. Featured debugging applications include Firebug, YSlow, and others.
Thursday, April 15th, 2010
Pavel Feldman has introduced some great improvements to the WebKit inspector. There are some great new panels available: Timeline Panel The Timeline Panel provides you with a detailed view of what’s happening inside your browser as you surf. It allows you to zoom into the areas of interest, expand the nested records and investigate their Read the rest…
Thursday, March 25th, 2010
Nathan Weizenbaum got fed up debugging Sass, and scratched his itch with FireSass, a Firebug extension for Sass (the “Syntactically Awesome Stylesheets” DSL that makes CSS more fun). WIth the extension you will see the filename and line number of the .sass file rather than the generated CSS file…. Much nicer!
Tuesday, February 23rd, 2010
Category: Debugging, JavaScript
, Utility
Piotr Zalewa has created a really great playground, jsFiddle, for testing sample code and playing with the Web. With an area for the holy trinity of the Web (HTML, CSS, JS) and an output region, you can get right to hacking. It goes beyond this though. You can also add resources, an Ajax echo backend, Read the rest…
Wednesday, January 20th, 2010
Nice work Firebug team for announcing Firebug 1.5, a great release that fixes many bugs and adds great features: Mike Radcliffe’s Inspector. A key feature, now solid as a rock, Jan ‘Honza’ Odvarko’s expanded and refined Net panel, with accurate timings, Steve Roussey’s reworking of HTML editing and entity support, Kevin Decker’s CSS and Style Read the rest…
Tuesday, November 3rd, 2009
Category: Debugging, Utility
, WebKit
Joseph Pecoraro has made some major improvements to Web Inspector. It is now much easier to create and much around with the content. Create new CSS selectors with ease; Add content in-line with elements; see color representations of any value. And, there is more: DOM Storage The DOM Storage DataGrids now displays live updates. You Read the rest…
Monday, October 19th, 2009
Category: Debugging, Performance
Steve Souders has posted about the HTTP Archive Specification and how it is now supported by both Firebug and HttpWatch (and hopefully more soon!). Steve says it best, and it started as his baby, so I will let him announce it: What’s needed is an industry standard for archiving HTTP information. The first step in Read the rest…
Thursday, September 10th, 2009
Andrea Giammarchi has released Formaldehyde, a new Ajax and PHP error debugger. Simply grab the project and throw in an inclusion: < View plain text > php < ?php require_once ‘formaldehyde.php’; ?> You are off to the races. Want to do a touch more? // *optional* custom ServerError constructor function ServerError(e){ for(var key in e) Read the rest…
Wednesday, June 10th, 2009
Category: Debugging, Firefox
, Utility
Over the years we are have mentioned many Firefox, and Firebug plugins to aid us Web developers. Wouldn’t it be nice to subscribe to a bundle of these tools? The Firefox Add On team has now given us that ability with Add On Collections: Today, we’re excited to introduce a new feature to our website Read the rest…
Wednesday, June 3rd, 2009
Category: Adobe, Browsers
, Debugging
We were excited to see the sneak preview of what was called Meer Meer, at the last Adobe MAX. Today Adobe has released a preview of the newly branded Adobe BrowserLab: BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for Read the rest…
Jan Odvarko of the Firebug team has created a new plugin and site that allows you to export data from Firebug in the HTTP Archive Format and then also view the JSON data via a HTTP Archive Viewer. The format will look a little like this: < View plain text > javascript ({ "log":{ Read the rest…
Friday, May 22nd, 2009
Category: Debugging, Firefox
, Utility
Robert Nyman has a new Firebug extension called Firefinder. The idea is to quickly text CSS selectors/XPath in a document to see what will match, or how many instances of a certain element there are (thinking certain type of heading, for instance). It offers: A quick way to filter HTML elements via CSS selector(s) or Read the rest…
Friday, May 1st, 2009
Category: Cappuccino, Debugging
, JavaScript
, WebKit
It’s no secret that we’re mightily impressed with the fine work of the 280 North crew, what with 280 Slides, Cappuccino, Atlas, working with SOFA to make Aristo free for other projects to use, and that whole Objective-J thing which we’ll never use but we love nonetheless. ;-) Francisco Tolmasky, one-third of the team, started Read the rest…
Friday, April 17th, 2009
Category: Debugging, Firefox
, Mozilla
Kevin Decker has released FireDiff a very cool Firebug extension that tracks changes to the page and CSS. Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This provides insight into the functionality of the application as well as provide a Read the rest…
Friday, April 10th, 2009
Category: Debugging, Firefox
, PHP
FirePHP solves the problem of AJAX debugging by sending debug information along with the response. To avoid breaking the response content, the debug information is placed into special HTTP response headers. This works for all types of requests, not just AJAX requests, which means you can even debug requests for images that are dynamically generated Read the rest…
Thursday, March 5th, 2009
Category: Debugging
Having trouble working out a selector to grab that DOM element? Take heart, Blake Edwards and Kit Sunde pointed us to something that may help you out: SelectorGadget. SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. With SelectorGadget, you just click on the DOM element(s), Read the rest…
Category: Debugging, JavaScript
Nicholas Zakas recently wrote a piece covering the basics of throwing errors in JavaScript: You can throw an by using the throw operator and providing an object to throw. Any type of object can be thrown, however, an Error object is the most typical to use: < View plain text > js throw new Error("Something Read the rest…
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
