Firebug

Design brief

I have been doing a bit of web design stuff for work and on my blog for a while now – and I still find CSS glitches in my ad hoc approach to changing things.

Here are three essential tools for making web design using CSS an easier job.

  1. This Smashing Magazine CSS Tutorial is a must
  2. Firebug – the Firefox extension that allows you to chop and change your code and watch what it does to your page as you do it.
  3. A good CSS editor program (here are ten suggestions) takes out a lot of the grunt work.

Update – here are some cliched features to avoid. And my favourites listed in order of how annoying I find them…

  1. Autoplaying music
  2. Introduction movies with no skip button
  3. Comic Sans
  4. Overuse of stock images
  5. Animated Globes

One that wasn’t on the list that I find particularly annoying is talking ads that don’t pop up but move across the page. I guess people are trying to prove that they’re tech savvy and stuff…

Am I missing anything design people?

Things I use: Firefox extensions

Stuss asked why she should bother switching to Firefox from Explorer. Apart from speed, moving away from the proprietary Microsoft platform, and security there’s one thing Firefox really has going for it. Extensibility. You can pretty much turn Firefox into whatever you want it to be. Thanks to the power of extensions.

But when it comes to extensions for your Firefox experience there’s a lot of bloatware out there. Stuff that will bog you down and make your Firefox experience reminiscent of your Explorer days speedwise – only with slightly more class.

Here are my 10 favourite Add-ons

  1. Firebug – a little web development tool that lets you edit the CSS or HTML of whatever page you’re on. Great for stealing other people’s ideas and code – and great for debugging that page you made that just won’t work right.
  2. Fireuploader – a nice drag and drop interface that lets you bulk upload images and files to a host of popular filesharing platforms and social networks.
  3. Better GReader – Google Reader is awesome. This little add on makes it more awesome – reducing the screen real estate taken up by pointless things – and enhancing the GReader experience. Oh, and it adds a really incredibly nice subscribe interface to any page with an RSS feed. It’s beautiful. I just click once to subscribe, rather than jumping through the obligatory three or four hoops it normally takes.
  4. Video Download Helper – There are a bunch of sites that will download a flash video from YouTube. FLV files aren’t all that exciting though – this add-on goes a step further, downloading the video and converting it to your preferred format.
  5. CoolIris – This started off as PicLens – it’s a funky image browser that brought albums to life in a pseudo 3D interface.
  6. TwitterBar – there are a lot of useful social networking plugins that bring your Facebook, Twitter, StumbleUpon etc profiles to your fingertips. Facebook is banned at work – so TwitterBar is my profile status updating solution. I type my status in the address bar, click submit, and Bob’s your uncle. That required activating the Twitter application on Facebook too.
  7. Xoopit – Xoopit is a Gmail specific plug-in that makes tracking images and attachments in your inbox a breeze.
  8. Flashgot and DownThemAll – two download enhancers battling it out for supremacy. Both are good.
  9. AdBlock Plus – Make ads a thing of the past, I’m curious to try AddArt – which replaces advertisements with artworks from a curated database.
  10. British English Dictionary – if like me you hate your browser changing s to z. Or suggesting that you do. Then the British English Dictionary will save you untold pain.

Honourable mention – the only reason this didn’t make the grade is that it’s not strictly speaking a plug-in. It’s a bookmark. Google Reader’s “Note in Reader” bookmark has pretty much ended my dalliance with Del.icio.us. I can now bookmark things in Reader on the run – and they appear for all to see in my daily links posts. I really don’t venture outside of Reader that much anymore.

Scroll to Top