FireQuery is a Firebug extension for jQuery development

FireQuery is a Firebug extension for jQuery development.

FireQuery is a Firefox extension integrated with Firebug

  • jQuery expressions are intelligently presented in Firebug Console and DOM inspector
  • attached jQuery data are first class citizens
  • elements in jQuery collections are highlighted on hover
  • jQuerify: enables you to inject jQuery into any web page
  • jQuery Lint: enables you to automatically inject jQuery Lint into the page as it is loaded (great for ad-hoc code validation)

Some useful jQuery sliders

With the ubiquity of jQuery, I became a bit frustrated with the preponderance of Flash sliders everywhere. I never was a big fan of requiring plugins to see critical site content, be it the ‘splash’ screen (remember FutureSplash?) or Flash-based navigation.

I was looking from some jQuery sliders, and came up with a link to a few I liked:

With so many options to replace Flash-based sliders & galleries, I wonder why folks are still using Flash-based sliders & galleries? Don’t get me wrong… I still think there’s a pace for Flash, but navigation, splash pages, galleries and entires web sites are not one of them. Or if they must be used, please provide a rich experience for those of us ‘stuck’ with an iPhone, iPad, Android or other mobile device!

Let’s make the web faster – Google Code

Let’s make the web faster – Google Code.

Some choice excerpts:

CSS: Using every declaration just once

Using every CSS declaration only once is an effective way to reduce file size of style sheets. It’s not a trivial optimization technique though: Watch over the cascade and adjust your editing workflow.

HTTP caching

Web pages can load much faster on repeated visits if the resources come from the cache. Learn about two groups of HTTP headers that make all the difference.

Optimizing web graphics

Optimizing your web illustrations, icons, and graphics is one of the simplest yet most effective ways to decrease your page load time. In this tutorial, we discuss image file formats and optimize some real Google graphics for faster download on the web.

Farbtastic: jQuery color picker plug-in | Steven Wittens – Acko.net

Farbtastic Color Picker widgetFarbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.

Download Farbtastic 1.2 – 8 January 2007 (License: GPL).

Farbtastic: jQuery color picker plug-in | Steven Wittens – Acko.net

Firefox to get faster JavaScript

Firefox to get massive JavaScript performance boostJavaScript SpiderMonkey improvements

Mozilla is leveraging an impressive new optimization technique to bring a big performance boost to the Firefox JavaScript engine. The code was merged today (but is not yet ready to be enabled by default in the nightly builds) and is planned for inclusion in Firefox 3.1, the next incremental update of the open-source web browser.