YUI Theater: Joe Hewitt, Welcome to Firebug 1.0

Blog
About

Site Search:

YUI Theater: Joe Hewitt, Welcome to Firebug 1.0

January 26, 2007 at 4:01 pm by Eric Miraglia | In Development, YUI Theater | 35 Comments

Note 1/30/07: For the best viewing experience, download the .mp4 version of this video and play it in QuickTime player, VLC or the player of your choice. This downloadable version is slightly higher resolution (480×360) and makes it a little bit easier to see what Joe is doing on the screen. -Eric

Firebug 1.0 hit the wires at Mozilla on Wednesday night and Firebug’s author Joe Hewitt of Parakey Inc. stopped by Yahoo! Thursday to debut the new features. Joe was kind enough to let us record his talk, and we’re pleased to share that with you in the YUI Theater. Although I use Firebug on a daily basis, this was an eye-opening talk for me — I had no idea how much Firebug was capable of until I saw Joe give the power-user tour.

If you’re reading this in a flash-capable viewer, you can check out Joe’s talk in the embedded player below:

Update 1/29: Yahoo!’s Lauren Garcia has a nice recap/summary of the talk on her blog.

35 Comments »

RSS feed for comments on this post. TrackBack URI

Typo: that should be Parakey rather than Parkey (your link text above).

Comment by Brian Donovan — January 26, 2007 #
@Brian: Thanks. -Eric

Comment by Eric Miraglia — January 26, 2007 #
YUITheater Firebug 1.0 Joe Hewitt video Presentation…

As you might have noticed Firebug made it out of beta earlier this week. Now Eric Miraglia just posted a video presentation of Joe Hewitt showing off (:D) on the YUIblog .

I noticed today that features that were in previous versions and were …

Trackback by Rubycon — January 26, 2007 #
Good talk, but unfortunately the examples in the browser can’t be seen clearly enough to follow along.

Comment by David McDonald — January 27, 2007 #
@David: True, web-style video and full-resolution screen work don’t go well together. The QuickTime version is comparatively clearer than the re-compressed Yahoo! Video version, so try that… -Eric

Comment by Eric Miraglia — January 27, 2007 #
[...] Debugging and editing HTML, CSS, and JavaScript on a web page in real time has been a great time saver for me. Learn more about Firebug 1.0 from the Yahoo video where Joe explains the new features and functionality. The article in Dr. Dobb’s Journal describes AJAX Debugging with Firebug. [...]

Pingback by Refresh Detroit » Firebug 1.0 released! — January 27, 2007 #
Although its great that these wonderful presentations are made available( this, Douglas Crockford’s talks ), I am once again disappointed by the fact that the chosen media is in a proprietary format, that being Quicktime.

I am struck by the irony that we all strive for inclusion with web standards, and yet I am continually frustrated in accessing a lot of media because I am a Linux user.

There are great codecs( like Ogg and Theora ) available to distribute media we can all enjoy and access, rather than be excluded by Microsoft, Apple, and Adobe( who gets a small thanks for finally releasing the Flash 9 player ), or the people who use their media frameworks.

Even if I used Windows or Mac OS, I’d deal with MS’s crap WM player on the Mac, or Apple’s crap, nagware Quicktime port on Windows.

I guess I should be thankful I can access these Flash clips, as they are compatible with Flash 7.

Anyway, keep up the good work, and remember your brethren in the Linux community.

Comment by The Foo — January 27, 2007 #
@The Foo: It’s true that the current downloadable rip of the Firebug video is in .mov format (noted in the post is that the m4v version is coming and will replace the .mov), but I posted DCs as M4Vs, which is just a mp4 with an iPod-specific suffix. If you download one of those m4v files, rename it as mp4, are you not able to view that on Linux at all? There’s no mp4 player with H.264 support on Linux? My goal, obviously, is to make this as available as possible…I am indeed sorry that the Flash version on YUI Video isn’t working for you on Linux (please report that through the YVid pages, btw). -Eric

Comment by Eric Miraglia — January 27, 2007 #
[...] If you’re doing web development or design of any sort, you have to check out Joe Hewitt’s talk on Firebug at Yahoo! – download the movie or watch it online, just make sure you watch it. [...]

Pingback by redemption in a blog - Essential Firebug video for web developers — January 27, 2007 #
Hello Eric,

Thank you for your kind response. I was not aware that I could merely change the extension( I made the assumption that it was a particular codec ).

I have done as you suggested with Mr. Crockford’s presentation and I am watching it in VLC now.

I look forward to the FireBug presentation soon!

Comment by The Foo — January 28, 2007 #
Yes! Thank you for the downloadable video. Way to go!

Alex

Comment by Alessandro Vernet — January 29, 2007 #
Power Tools for JavaScript Developers…

Prototype version 1.5 has just been released and includes many enhancements and bug fixes. Best of all, excellent online API documentation. For more information on the latest version, visit the Prototype blog.

Joe Hewitt has announced the final rele…

Trackback by blogZero — January 29, 2007 #
[...] Firebug video. Last week, Joe Hewitt, Firebug developer, visited the Sunnyvale campus to give a tech talk about version 1.0. The video of this very interesting session (choke-full of JS dev goodness) is available now over at YDN. There’s even a downloadable Quicktime version. Go watch. [...]

Pingback by Post It #10 | tail -f carlo.log — January 29, 2007 #
Joe Hewitt erklärt Firebug 1.0…

Natürlich ist es immer am Spannendsten zu sehen wie der stolze Entwickler selbst sein Produkt vorstellt. Joe Hewitt, der Entwickler von Firebug ermöglicht uns seit kurzem einen 48 Minuten langen Blick über seine Schulter. Das Video mit dem Titel: &quot…

Trackback by web output — January 30, 2007 #
[...] Aktuell tritt im Theater gerade John Hewitt – bekannt als der Entwickler von Firebug – auf, mit Welcome to Firebug 1.0 (MP4-Download-Link). John stellt sein Wundertool vor, und gibt einige Tricks zum Besten. Vor allem die Profiler-Funktionen werden eindrucksvoll erklärt. [...]

Pingback by Code Candies » Blog Archive » Firebug im YUI-Theater — January 31, 2007 #
[...] Yahoo! User Interface Blog on julkaissut videon, jossa Firebugin kehittäjä Joe Hewitt kertoo lisää sen ominaisuuksista. Video on melko pitkä, noin 48 minuuttia, mutta se on täyttä asiaa. [...]

Pingback by Visa Kopu » Joe Hewitt kertoo Firebugista — January 31, 2007 #
Another great talk in the YUI Theater series.

Comment by TH — January 31, 2007 #
[...] This is an awesome tool to debug and profile javascript. It has a lot of new features compare to the previous releases. Here is a great video of Joe Hewitt (Firebug’s author) about those new features : http://yuiblog.com/blog/2007/01/26/video-hewitt-firebug/ [...]

Pingback by The Dr0p » Blog Archive » Debugging Javascript with Firebug 1.0 — February 1, 2007 #
Great video!, firebug is a very usefull tool, good work

Comment by Tirso Peralta — February 2, 2007 #
[...] YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 [...]

Pingback by Around the web | alexking.org — February 4, 2007 #
[...] Joe Hewitt, the author of the popular Firefox plugin Firebug 1.0, gives a “power user tour” video presentation on the new features of the plugin. Bookmark to: [...]

Pingback by AJAX Matters Blog » Blog Archive » Power User Tour of Firebug 1.0 — February 7, 2007 #
Amazing video. Everyone who uses firebug should watch this… learned a lot thanks.

Comment by wtf242 — March 2, 2007 #
Linux users can use mplayer to view Quicktime movies, as well as a variety of different formats.

Comment by Rich — April 4, 2007 #
[...] YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 More … [...]

Pingback by News Discount » Eyejot Video Messaging Platform — April 10, 2007 #
[...] YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 More … [...]

Pingback by News Discount » A look ahead at Google Video and YouTube — April 10, 2007 #
[...] YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 More … [...]

Pingback by News Discount » YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 — April 11, 2007 #
[...] Yahoo! has been a tremendous supporter of the project, first by giving me the opportunity to speak on their campus and hosting the video of my talk, and now with actual engineering resources. I’m really looking forward to meeting candidates and working with this developer on Firebug 2.0 and beyond. [...]

Pingback by Firebug - Web Development Evolved » Blog Archive » Job at Yahoo! — May 9, 2007 #
[...] Here’s a video presentation: YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 » Yahoo! User Interface Blog – summary [...]

Pingback by Asterisk Consulting Services » Blog Archive » Firebug is the best tool for AJAX web developers — May 10, 2007 #
YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 » Yahoo! User Interface Blog…

Video talk by Joe Hewitt, Firebug’s author….

Trackback by to2.bluemountains.net — May 13, 2007 #
Well, I’d like some simple questions answered that seem to be missing from the manual.

1) what does ghosted text mean in the html tab?
2) what does strike through text mean in CSS?

Comment by me — August 8, 2007 #
[...] YUI Theater: Joe Hewitt, Welcome to Firebug 1.0 » Yahoo! User Interface Blog (tags: Firebug JavaScript css extension) [...]

Pingback by Technical Related Notes » Blog Archive » links for 2007-01-29 — August 18, 2007 #
[...] compare to the previous releases. Here is a great video of Joe Hewitt (Firebug’s author) about those new features : http://yuiblog.com/blog/2007/01/26/video-hewitt-firebug/ [...]

Pingback by neyric’s JS » Blog Archive » Debugging Javascript with Firebug 1.0 — February 6, 2008 #
Great video

Comment by Rob C — February 12, 2009 #
Amazing Presenation. Thanks for the downloadable video.

Comment by Jeffrey Jose — March 25, 2009 #
[...] of the first YUI Theater videos years ago was published after Joe Hewitt came to Yahoo! to talk about the 1.0 release of Firebug, and back in those days Firebug was a paradigm shift — it had a convenient interface that [...]

Pingback by YUI Theater: Charles McCathieNevile — “Opera Dragonfly” » Yahoo! User Interface Blog — June 1, 2009 #

Yahoo! User Interface Blog