Tools of the trade

So starting a new job on Monday I needed to set up my rig with the tools/apps that I have learned I cannot live without.

HP EliteBook 8530w

My new laptop is a HP EliteBook 8530w, I’ll be writing a review and a comparision with my Dell XPS m1530 soon.  First major difference is that it’s running Windows XP rather than Vista. A bonus, many may say, but I do miss quick launching apps with a hit of the Windows key and then typing a few letters followed by enter. Fortunately, there is the free, and brilliant, Launchy to the rescue. Alt-space takes the place of the windows key for firing up the launchy text box which works much like Spotlight on mac.

For web development work I found the following tools invaluable:

1) Faststone image capture - the ultimate screen capture tool, does wholepage, video, page portions and even scrolls a page and captures it as one image. The video feature can also be set to only record a portion of the screen which is great for screencasts or demos where you don’t want a massive filesize or a squashed/compressed illegable video from a fullscreen recording.

2) Browsers - firefox and google chrome were one of the first things I installed. I would have also used IE Tester but this seems to be a bit redundant now that Microsoft have released their own version so I downloaded SuperPreview

3) Aptana Studio - My IDE of choice. I code in aptana for html, css, javascript and PHP. It has great tools and features and cuts out a lot of the nonsense that are in some WYSIWIG editors. It is based on Eclipse and so is Java based and chomps though a lot of ram so you’ll want at least 2GB of Ram on XP and probably 3-4GB on Vista if you are running it along side other ram hungry apps like Photoshop. Has great plugins that allow you to preview your page on iPhone or sync with subversion.

4) Vertrigo - This is a WAMP app by a Polish developer that is free and easy to install. You simply run the setup and you have an Apache server with PHP and MySQL ready to go. What’s great about it is that it doesn’t try to be constantly running on your system. Just fire it up when you need and close it when you don’t. Good idea to install this as one of your first apps as I have had conflicts when installing it on systems with a lot of other apps that may have been using ports/resources that it needed.

5) An IM client. In my opinion Skype had the best IM client for a long time (not to sure about the latest design) but seeing as most of my contacts are on Yahoo/MSN now I opt for the YIM client. I may switch this for Trillion or another all in one client in future but having an AIO client usually means features such as file transfer or group chat.

6) VLC media player - Not only is this the best player because it plays the most formats it is also even better at playing those formats than the native players. This is especially evident when playing HD content. HD MOV/MP4 files natively play in quicktime but even on decent spec systems can stutter at times. VLC plays them smoothly even on low spec systems (I’ve seen Hi-res video playing fine on netbooks with VLC). It also playes flash video (FLV) and supports more obsure codecs like HD MKV, which is becoming the standard for distributing large HD video files.

7) Adobe CS4 - no getting round it, although the price tag seems ridiculous and there are some alternatives out there, a serious designer/developer will almost always end up with Adobe software. I’ve given up fighting it and fortunately so have finance so will be getting CS4 installed shortly.

Firefox Plugins - The list of must have plugins seems to have shrunk as I find I am using the same small list regularly and others are just a distraction. I now use Firebug, Web developer toolbar, colorzilla, measureIT, ImageZoom, Delicious, and may get round to installing Scribefire now that I’ve started blogging again.

9) Office - Not too fussed whether it is MS office or Open office plus Thunderbird but best to keep to what everyone else running in the office so have the now ageing MS office 2003.

10) WinRar - For opening everything from ZIP/RAR files to ISO or 7zip - another AIO solution for compressed archives.

For entertainment I could add iTunes and a few other apps but as I’m tight on HDD space on this system I will stick to my iPhone for my music jollies. Fortunately I can now get my podcasts straight to my phone over wifi so PC syncing no longer a daily requirement.

What apps are in your utility belt? What tools can you not live with out?

IE7 critical update, more users moving browser

Microsoft released a critical out-of-band patch for IE7 causing panic updating in IT departments around the globe. Some took advantage of this update to encourage users to make the switch to a more secure browser like Firefox or Google Chrome.

This prompted me to take another look at the figures for browser usage on some of the sites I maintain to see if there is a shift from IE after this update. I was expecting to see the usual 60-70% IE dominance split almost evenly betwen IE7 and IE6. However, it seems IE6 usage has significantly dropped off in the last few monts across a range of sites. The users don’t seem to have all shifted to IE7 either as overal IE usage has dropped to around 50%. The increase has been seen in Firefox 3, Safari and Google Crome. Safari seems to have gone up from an average of 2-3% to 3-5% depending on the site. Google a new entry is around 2-3% and Firefox is enjoying 30-35%. Dare I hope that soon I will no longer have to support IE6!?

Well I expect I’ll have to wait until Windows XP is no longer supported by Microsoft before it finally dies or an unpatchable security hole is found and users are forced to upgrade.

In any case if you haven’t done a windows update today do it now and get IE7 patched even if you don’t browse with it.

Will check browsers stats in a couple of weeks to see if there is a dip/change after everyone has update panic.

Firefox 3 and Firefox 2 windows media support

Those of you trying out the Firefox 3 beta or considering it may want access to firefox 2. This is particularly true for developers as you will want to test in both version of the browser and the much loved Firebug plugin is not supported in Firefox 3 yet.

Fortunately there is an excellent guide on getting both Firefox 2 and Firefox 3 running at the same time thanks to Hikikomori’s blog redemption in a blog

The problem I encountered is Windows Media Player video embedded in a page will not play. I tried re-installing the plugin but while this works for firefox 2 it does not for firefox 3.

I then recalled I encountered this same problem when first upgrading to Vista. A fix is to copy the needed dll files into the firefox 3 plugin folder. You can just copy the files over from firefox 2 plugins folder or download only the required ones from dll dump.

Quote from last blog post on this topic:

You can find the missing files on dlldump.com

• npdsplay.dll
• npwmsdrm.dll
• npdrmv2.dll

If this doesn’t solve the problem get more indepth help here: http://forums.mozillazine.org/viewtopic.php?t=206213

Firefox 3 on the horizon

You can download this blog post in audio format here (right-click and save target/link as..) or play it using the podcast player on the right.

Firefox 3 - code named Gran Paradiso is under development. It will use the Gecko 1.9 engine and the latest build released already is said to have passed the CSS Acid2 test. Although Opera, Safari have already achieved this it’s a big landmark for Firefox and a good sign of things to come.

Firefox 2.0 already features the most advanced CSS 3.0 support including CSS rounded corners and alpha transparency and Firefox 3 is set to have full support. Other features include improved graphic rendering and support for Javascript 2.

Of course we can expect there will be many bug fixes and tweaks making Firefox faster and more stable. It has been optimised to make better use of your systems hardware so if you have a good graphics card you should notice big improvements both in visual quality and speed for sites that take advantage of this.
Continue reading »

Firefox 2 review

Seems every tech blog in the land has picked up on the hot release of the week - Firefox 2.0. I heard a lot of good things about it while still in Beta and I finally got round to giving it a spin today.

IE7 also saw a new release this week but got a lot less attention/praise (unless you work for Microsoft) as it didn’t offer much extra compared to RC1 which I already had installed. Opera’s latest release has impressed as it’s the first browser to pass the Acid2 test.

So is FF2.0 worth the download. Well if you haven’t got Firefox at all it’s an obvious yes. Once you’ve tried Firefox for a couple of weeks you’ll find it a frustrating experience to try and browse the web with anything less. However, I am sure I’m preaching to the converted so I’ll focus on What’s New in 2.0.
Continue reading »

Hacked to Death ii (Safari)

Apologises for the lack of posts the last few days. I’ve not been on holiday, far from it, I’ve started a new contract. I will be producing for a leading media company.

This actually brings me nicely onto this blog entry’s topic - Hacking Safari. I am used to testing on the major PC based browsers (FireFox, IE, Opera and to a lesser extent Mozilla, Netscape, linx) but have never been required or had the hardware to test with Macintosh’s Safari.

For the most part if a design works in FF and IE, Safari will quite happily play along. However, on one page where I have used relative positioning to move an image up by a few pixels I encountered a problem. FF and IE6 didn’t line up. I was forced to use an IE6 hack (see previous hacked to death entry) to set a different pixel adjust for the two browsers. While this solved the problem in IE6, Opera, FF and IE7 - Safari was not happy.

While Safari had rendered the page as FF it treated the positioning of this image as IE6. As IE6 hack only affects IE6 and older Safari’s positioning of he image is not corrected. Quiet a problem.

Thus began my quest to find a CSS hack that only affected Safari. Preferably an elegant hack (if there is such a thing) still allowed my style sheet to validate and would not affect future versions of The browser.

Continue reading »

Hacked to Death

Everyone working on the front lines (building for the front-end) will have likely encountered a page that despite being a coding piece of art looks great in one browser but falls apart in another.

If you don’t work for Microsoft you’ll know the problem is usually with the Internet Explorer browser. A lot of the time tweaking a style sheet a little can solve things but sometimes there is no other option but to add a hack.

No one likes hacks, in fact I go to insane lengths trying to find an alternative before I will use one. However, if it is necessary to ad a hack is there a good way, or is a hack always going to be ugly and we just have to face it?
Continue reading »