OK, so maybe I could live without them. I’d go so far as to say that I could probably live without Firefox itself, but why should I?

It’s a great browser out of the box, and the fact that anyone with the skills can write extensions for it, probably makes it the browser with the most features anywhere (I haven’t counted but look at the amount of addons there are).

These 5 extensions add features that I’ve come to rely on pretty much daily in designing and developing websites. I become so used to them that it’s only when I load up IE 7 (or if I’m trying to drive myself insane, IE 6) that I really miss them. If you spend any amount of time building websites, you should definitely have these 5 addons installed.

Firebug

Firebug is basically an HTML/CSS viewer and JavaScript debugger that integrates into Firefox. But it’s the way that it integrates that makes it so useful. Just click the Firebug icon in the status bar or hit F12 and a window opens showing you a live view of the HTML source and CSS for the page you’re on. The HTML is in a tree structure allowing you to expand and collapse elements to easily find what you’re looking for. Or just click “Inspect” and click directly on the element you want. Firebug will highlight the HTML and show you a cascading list of any styles that are being applied.

All of this stuff is live too, meaning you can change anything you want in the Firebug window and see your changes on the page right away. This is really helpful when you’re building a site and need to tweak width/height/padding/margin values or you’re trying to track down any one of the infamous IE 6 issues. Instead of making changes to the HTML/CSS files, uploading and reloading the page, you can work right in Firebug until you get it right.

Web Developer

Before I discovered Firebug, this was my #1 must-have extension. It does some of the same things that Firebug does, albeit in a different way. For example you can outline specific elements on the page, in whatever colors you want. This can be helpful to see how different block level elements are positioned or to track down all instances of a certain tag. But without the live DOM view and CSS property view, it’s become a less essential part of my tool set.

But it does have some other features that make it worth the download. The things I find myself using the most are:

Disable/Enable CSS - You can do a lot of cool stuff with CSS but you also have to face the fact that some people are going to view your site on a device that may not support CSS like the modern browsers do. With one click you can disable all styles and see what your content looks like in the default rendering.

Disable/Enable JavaScript - For the same reasons as above your sites really need to be accessible with JavaScript disabled (the big exception being complex web apps that just aren’t possible without it). It’s nice being able to toggle JavaScript on and off without going deep into the options menu.

Display Ruler - This is a pretty basic feature but one that I use all the time. When the ruler is turned on, you can click and drag directly on a website and quickly get a measurement. Before this kind of tool the only option was to take a screen shot, open up Photoshop and do the measuring there. Combined with the live view in Firebug this can be a really quick way to tweak a CSS layout or track down a problem with your width/height/margin/padding values.

View Generated Source - Sometimes View Source just isn’t enough. If you have a lot of JavaScript that is modifying the DOM after it’s loaded, you’ll wonder how you ever lived without a feature like this. Granted, Firebug shows updates to the DOM, but if you just want a quick copy of the source after some JavaScript event, this gives it to you.

And that’s really just scratching the surface. Other features include HTML/CSS/JS/508/WAI validation, linearizing of the page content, and the ability to display pretty much any information you might need (IDs, classes, anchors, block dimensions, stack levels, etc). At the very least it’s worth playing around with to see if it fits into your work flow.

ColorZilla

This addon is pretty simple compared to the first two, but just as important. Basically it gives you an eyedropper for the browser, which is a tool any designer will be familiar with. If you want to know the hex code for a particular color on a site, you just click the ColorZilla icon and then directly on the color. Right-clicking on the icon then gives you the option of copying the color to the clipboard in a number of formats — #000000, rgb(0,0,0), R:0, G:0, B:0.

Double clicking on the icon opens up the color picker which lets you choose whatever color you want from a number of different palettes and get RGB values in whatever format you need. All in all a great tool for anyone working with color when building a website.

Dummy Lipsum

Anyone designing websites knows that you usually don’t have all the content up front. So when you’re creating designs, you need to put a lot of “placeholder” text and images to show how things are going to be formatted. One of the industry standards for placeholder text is the “Lorem ipsum” text, or Greek text.

Dummy Lipsum gives you quick access to Greek text in whatever format you need. You can generate a certain number of paragraphs, words, bytes or lists and you can even generate the HTML needed to display it properly if you’re adding the dummy text directly to an actual web page.

This is a fan video made by Mark Lucier and starring his two kids. I think it’s honestly better than Episodes 1, 2 and 3 combined.

via Laughing Squid

After coming up with such a brilliant name for my site, I figured it was a good candidate for the Internet Anagram Server (IAS). I put in “twenty ninth floor” and got a ton of stuff back. Unfortunately the IAS doesn’t know the meaning of the words so it just rearranges the letters in any way that will form other words. Most of them suck. But sometimes you get some good ones:

• Intently Froth Now
• Entity Flown North
• Rent Filthy Wonton
• Hefty Lint Not Worn
• Tiny Elf Not Thrown
• Horny Elf Wont Tint
• Thin Felon Wont Try
• Ninth Town To Flyer
• Tony Left Ninth Row
• Felt Thorny In Town
• Tin Tony Flew North

Now I’m not suggesting that these are hilarious or even funny at all. Just kind of interesting to me for some reason.

Does your name have any good ones? (You could use your full name, your company name, your stupid World of Warcraft character’s name, your imaginary girlfriend’s name, etc… you get what I’m saying.)Toss ‘em in the comments.

(See! That was fast. I’m totally on a roll now.)

Four and a half months in and I’m on my way to having more than one blog post.

Right on schedule.

I really want to get things started here and from what I’ve read on some good frequently updated blogs, I need to stop thinking so much about what I want to write and just start writing. I already have a lot of ideas of what I want to write about here — Stuff that doesn’t really make sense to post on the Sinch blog: design, typography, photography (not of the band),  movies, food and of course anything and everything related to Big Trouble in Little China.

Those things don’t really feel right on the Sinch blog. I am a member of the band and have handled 99% of the blogging since we first started using Blogger (before Google bought it). But since we’ve combined the News and Blog sections I think there’s a line that’s crossed when I start posting anything I want, especially when band updates are few and far between as they have been recently. People visit our site to find out about the band, not not to dig through whatever insane nonsense I might be in the mood to talk about that day. That’s why you come here!

There’s really no other point to this post but to bridge the 4 month gap between launching the site and what’s coming up: actual blog posts (now with content!). I’m gonna go out on the proverbial limb here and say that there will be a couple new posts up by the time this weekend’s through. We’ll see if it holds (the limb, of course).

I’ve been planning on building my own site for almost 2 years now. I bought this domain name in 2006 and so far all I’ve ever had here was a temporary landing page that said “coming soon….” So, it feels good to finally have something substantial.

I’ll be adding a lot of my recent work over the next few days. If you’re reading this, the site is obviously live, but I may still be working on it. I got rid of the temporary page while I build everything out so for a few days, at least, it’s gonna look pretty half-assed. I’m sure there’s some way I can work on it while keeping anyone else from accessing it, but that’s just one more thing to distract me from actually getting it done, so I’m not even gonna worry about it.

In honor of my humble beginnings in the days of 1990’s web design, here’s the obligatory “under consctruction” graphic: