Miklb's Mindless Ramblings

chronicling life in a digital world

Firebug Add-Ons

I’ve recently been using Safari 4 beta, mostly because I had been too lazy to get more RAM, and Firefox was just too damn slow with all the apps I’d have open on only 1 gig. Now that I’m at 4 gigs, I’ve been contemplating going back to Firefox, especially with the comments I’ve been reading about the speed improvements of the next version (3.5??). Another reason I’ve been contemplating going back to Firefox is that Firebug is just far superior to Safari’s built in inspector. To that end, I’ve recently come across two add-ons for Firebug.

The first, Firefinder, is a handy tool to “find HTML elements matching chosen CSS selector(s) or XPath expression”.

The second is one that Google previously used internally. Today they open sourced it and released, Page Speed. Page Speed allows developers to “evaluate the performance of their web pages and to get suggestions on how to improve them.”

Excellent Design Bookmarklet Suite

Lately I’ve been contemplating switching to Safari, as Firefox still seems to be a memory hog, especially since I tend to leave my desktop on for days at a time. With the improvements to the developer tools in Safari 4, there’s less and less reason for me to hang on to Firefox. Couple that with this bookmarklet suite of design/development tools I just discovered, and the excuse of having to use Firefox for it’s superior developer tools flies right out the window.

The suite includes a configurable grid overlay, a ruler overlay, a measurement tool to determine distance between two points, and a cursor crosshair tool (I’ve not found how to use this one effectively, but it could be useful for figuring placement when using position: absolute).

I can’t speak to how Firebug and the Safari tools compare regarding javascript, as I don’t do much with javascript, save using various jquery plugins.

It’s All Text and Leopard

I recently had upgraded to Leopard, and one FireFox extension I’ve come to count on was It’s All Text!. Which allows you to chose a text editor of your choice to edit text fields. Sometimes I need to do some code changes for sites in a text box, or work with a large amount of text, and it was quite handy to simply edit with TextMate. It seemed to have broken in Leopard. I checked the settings, and changing the path to

/usr/bin/mate

from

/usr/local/bin/mate

seemed to do the trick. Might have just been me, but it’s working now, and I’m happy.

ScribeFire

I’ve been quite lazy in posting to my blog(s), and am testing out ScribeFire. I spend so much time of my day in Firefox, it only seems logical to find a solution that would allow me to manage drafts and posts from within the browser.  Particularly for asides and tidbits.  We’ll see how this works out, and maybe, just maybe, I’ll actually blog, and not just work on them


Powered by ScribeFire.

FireFox 2 a Web Developers Friend

firefox-logo-64x64.pngI’ve blogged about my browser issues before, but I just have to share how cool I think FireFox 2 is. Now with built in spell checker (just right click a word, and suggestions are at the top of the menu, perfect for blogging and email), it’s quick, totally extensible , and just makes working on line so much more productive. A few extensions are a must for me, so I had to wait a few weeks for them to be released before I could start testing it, but the wait was well worth it.
First was the GrApple theme. I loathe the candy-ish default theme, and was quite pleased when theme makers started adding Mac Os-esque brushed metal themes. I haven’t taken to the newer Apple look, ie, iTunes 7, so the more subtle brushed metal look of GrApple suites me fine, especially the small buttons in the nav bar.
Then are the extensions.
Some plugins were FF 2.0 ready, such as the indispensable Web Developer. I’m a big fan of using tabs, and one extension was borking my tabs. Uninstalling the Tabbed Browser Preferences solved the issues. A better tab manager, Tab Mix Plus, fixes issues with windows opening up instead of tabs (note, I downloaded a RC from the developer site, the new release should up on mozilla in the next day or so).
Another great developer tool is MeasureIt, which allows you drag across the screen a box that measures in pixels. When working out kinks in spacing, this is invaluable. Also helpful is ViewSourceWith, which lets you choose an application (like a text editor) to open a page source with. Makes finding which line number an error is a snap. Finally, Colorzilla allows you to grab hex colors from a site, nice to have if you are trying to recreate an existing site, or simply like a color scheme of a site.
A few other extensions that I recently discovered are CSSViewer, which once turned on, allows you scroll around a page, and it shows the CSS for that element, and OPML Support, which allows you to import/export your FF bookmarks in an OPML format, which for WordPress users, is nice, as you can import those files into your Blogroll/Links Manager, not to mention RSS reader.
In addition to those, Google’s Browser sync and toolbar, CoComment’s extension and AdBlock Plus, make general browsing a snap.
There are literally thousands of extensions out there, with new ones being added all the time. If you’ve discovered any other can’t-live-without extensions, I’d love to hear about them.

Miklb's Last.fm profile