So… the story begins with my Apple Macbook screen starting to go faulty. I have been using my Macbook a lot lately, at work and home probably about 12-14 hours a day, so the screen has started to go, but I’ll leave that for a later post. It is for this reason I have decided to move back to my PC at work, but have been looking for an alternative in software that I love on the Mac. For most of my coding jobs I use Textmate. Its a nice simple editor on the surface, but the way it formats and lays out the code, it helps me with debugging etc. But as I was searching for possible options I came across IETester which relates to my earlier post about Multiple IE’s.
A little clunky but very helpful, its Multiple IE’s! Multiple IE’s allows you to install all the different versions of Internet Explorer all the way back to version 3, this comes in very handy to make sure your websites still work in IE6. As I said its a little buggy, sometimes crashing constantly but when its working it really helps to see your site is performing or more accurately not performing in older browsers. You can download it here.
Firstly Firebug, this plug-in enables you to pick apart websites and see how they are constructed. If you’ve created a site that isn’t quite working or aligning correctly, this tool will help you discover why. Simply install and you’ll notice a little bug in the bottom corner of your Firefox window. Click the bug to open the Firebug Console allowing you to see the HTML, CSS, Scripts, and DOM of the website. By hovering over the properties in the console, highlighted areas appear in the web browser to illustrate which part the code relates to. This is also an excellent tool if you are learning CSS and structures of complicated websites. If you see something on the web you really like but have no idea how they created it, you could to the Firebug Console to discover the properties needed to achieve the desired design/effect. Clever!