FireScope
http://tools.sitepoint.com/firescope/

FireScope is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

Python logging console for Firebug

FirePython is a sexy Python logger console integrated into Firebug.

save

With jQuery 1.3.2 out the door I've been looking for more ways to profile and optimize jQuery. Previously I did a survey of jQuery-using sites to figure out which selectors they were using. This led to the construction of the new Sizzle Selector Engine which targeted those selectors for improvement. Additionally, I constructed a deep profiling plugin for jQuery which helped to spot methods that were taking a long time to run in live jQuery sites. This helped bring about the improvements in jQuery 1.2.6, 1.3, and 1.3.2.

Programatically profile functions, allowing you to analyse the output easily and pinpoint bottlenecks.

In this review we collected most interesting Firefox plugins which covers almost all needs of web developer.

いいチュートリアル.

遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。

a few trivial changes to Firebug, I’ve modified it to open on the right side of the browser as a sidebar. With the stock plugin, you can achieve a similar layout by detaching Firebug from the current tab and moving its window in the same position, but this has a generally unwelcome side effect: the separate window doesn’t update when you switch tabs. With Widerbug, you can open the Firebug sidebar, and it will keep up with you as you switch tabs and maintain its width.

If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug panel takes up precious vertical space, while spare pixels on the side go unused.

Integrating FirePHP for Ajax Development

Tutorial für den Einsatz von FirePHP (Extension für Firebug)

There are many integrated development environments and tools available to aid in building Web 2.0 AJAX applications with PHP, but nothing comes close to the ease of use and tight Firebug integration that FirePHP provides.

Page speed is a google tool for evaluating website performance

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Page Speed is a tool we've been using internally to improve the performance of our web pages -- it's a Firefox Add-on integrated with Firebug.

Website optimization plugin for Firefox/Firebug by Google

チェック！

Designstuff, Extensions, Plugins

10 Reasons Why You Should Be Using Firebug

Explicacion de porque se debe usar firebug y algunas extensiones

10. FirePHP Our last, but not least, important Firebug component is FirePHP. With this add-on, we can transparently send information (warnings, errors, logging, info) to the Console panel from our PHP code. Example usage from FirePHP's website:

XRefresh is a browser plugin which will refresh current web page due to file change in selected folders.

XRefresh

really cool tool for web development

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. How does Page Speed work? Page Speed performs several tests on a site's web server configuration and front-end code. These tests are based on a set of best practices known to enhance web page performance. Webmasters who run Page Speed on their pages get a set of scores for each page, as well as helpful suggestions on how to improve its performance. Why should you use Page Speed? By using Page Speed, you can: * Make your site faster. * Keep Internet users engaged with your site.

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

A plugin for Firebug similar to YSlow

What is Page Speed? Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Page Speed

Google code - Page Speed

FireQuery is a collection of Firebug enhancements for jQuery

jquery extension for firefox

Typically, there are two main ways of debugging server-side code: you can utilize an Integrated Development Environment (IDE) with a built-in debugger or log and perform your debugging processes in a web browser.

Looks very similar to Steve Souders' YSlow extension.

Google __Page Speed__ sounds like Yahoo's Y Slow.

Using Page Speed

"Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them."

ools > Firebug > Open Firebug

sounds super useful, wish there was something like this for flash.

PHP debug info for the client side

Include-olsz egy php fájl a forrásodban, plusz egy plugint felresz, és máris van egy php debuggered a böngésződben a Firebug-ba beépülve.

Output PHP debug info to client side.

awesome looking in-browser PHP debugger - nearly as nice as the werkzeug ine is for Python. "I develop PHP async interactions via ActionScript and LoadVars, Ajax, or Remote Scripting before, since year 2000 but for some reason I have never thought about a portable, scalable, simple, and complete debugger file as Formaldehyde is. I hope you'll appreciate its simplicity, its basic and useful features, and I am waiting for your feedback in WebReflection"

Alguma coisa relacionada à eventos controlados pelo firebug, ainda não li

Plugin for firefox to show event handlers, and more

This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.

video guide

Great video tut on the basic usage of Firebug, a plug-in for Firefox.

キターキター、これ便利すぎ（予想）こんなの欲しかった

FireQuery、Firebugと連携するjQuery開発補助アドオン FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えば console.log($(’p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。どの部分に対して適用されているかがすぐに分かる

A couple of weeks ago, I had a chance to glance through Stoyan Stefanov’s Object-Oriented Javascript. The book had an exceptionally high rating on Amazon (12 reviews with 5 stars), so I was curious to see if it was something worth recommending. I started reading through chapter on functions, and really enjoyed the way things were explained there; the flow of examples was structured in such nice, progressive way, it seemed even beginners would grasp it easily. However, almost immediately I stumbled upon an interesting misconception present throughout the entire chapter — deleting functions. There were some other mistakes (such as the difference between function declarations and function expressions), but we aren’t going to talk about them now. The book claims that “function is treated as a normal variable—it can be copied to a different variable and even deleted.”. Following that explanation, there is this example:

Description of the delete statement in Javascript and how it really works.

Firebug

A J/S, lite version of firebug for any browser.

(no description)

Google謹製ウェブサイトパフォーマンス測定アドオン

YahooのYSlow的な

Firebug Get Started Step by Step Tutorials

Firebug Get Started Step by Step Tutorials - Free IT Tuttorials & Learning Resources

Google code: Page Speed Home http://ow.ly/1TGzV

Page Speed performs several tests on a site's web server configuration and front-end code. These tests are based on a set of best practices known to enhance web page performance. Webmasters who run Page Speed on their pages get a set of scores for each page.

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Google Page Speed

"Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them."

Debug JQuery

jQueryのコードを Firebugを使ってデバッグする方法のレクチャー記事です。

Different tools and techniques for improving jQuery code

Firebug の使い方をもう少し知っていると、Web サイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。

Firebug の使い方をもう少し知っていると、Web サイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。

Firebug の使い方をもう少し知っていると、Web サイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。

Firebug の使い方をもう少し知っていると、Web サイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。

Firebug の使い方をもう少し知っていると、Web サイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。