CNET Video page was a beast to get working in IE6 as even when it looked perfect scrollong down would cause divs to partially collapse and colours to flicker. IE6 also had issues with Ajax loading in content after the page had been rendered and wouldn’t expand boxes to accomodate the content. The hacks were ugly and made me hate IE6 more than ever. Note the page has been redesigned since these issues but I imagine many haslayout and delayed loading issues still remain.

Until IE6 is gone this is just a daily problem for developers and with the failure of Vista and the apathy/ignorance of users and corp IT departments something more drastic was needed. .net magazines started a campaign a couple of months ago to unite developers in putting IE6 to the sword. Check out bring down ie6 for the details. It has caused some controvecy as many developers feel that if your weblogs and clients say that IE6 is still important we should support it. And to be fair some users have no choice. However, rather than just allowing a page to appear broken in IE6 by boldly stating the reasons why you will recieve a degraded experience if isong IE6 as mobile me and google mail have done you both educate the ignorant users as to the existance of alternatives and irritate corporate IT departments into action. When the company MD cant access certain sites or keeps getting alerted to reduce performance, features and security because of his old browser it wont be easy for the IT department to make excuses for having firefox or IE7 on the users systems.

I think it could be taken 2 steps further. Educate users that you dont need admin rights to install firefox. In fact the first time I used firefox at work I installed it on a memory stick. Scandisk have memory sticks with U3 feature that runs several apps directly from the usb dongle. It’s self contained and so can be taken with you and run on any pc. However, i found memory stick run apps a little sluggish especially on scandisk dongles (I only use corsair now) so installing in the My Documenta folder is my usual recommendation. Where I work I am surrounded by IE6 users, all of them hate it but felt they had no option. A quick demo of a My Documents install and everyone’s converted. If this was added to the advise on upgradeing I am sure uptake would be higher. Note, installation of flash and java support for these browsers does require admin rights.

The next step would be to treat IE6 like a mobile browser. A mobile browser has reduced features and performance so has a cut down version of the site with just the essentials (i know there is more to it than that, screen res, bandwidth etc). So my IE6 site would have the content but not the look and feel of the full site. Again this will probably just be on my personal sites and for pro-bono clients, for the clients that pay the bills the best I can hope for is to include a message advising to upgrade their browser and link to the campaign page.

The more sites/developers that get on board the more effective this will be. Hopefully boosted by a succesful Windows 7 launch and MS dropping support for IE6 will see the browser retired for good.

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?

Oops 404

Well just saying for the record although it’s my penultimate day at CBS and I was in charge of launching something this morning - IT WASN’T ME

Hopefully things will be back to normal by the time you read this.

This lead me to a useful site called downforeveryoneorjustme.com which can give you an external way of checking your site. Unfortunately this verified the bad news:

cnet down

All should be back up now though - yay.

Some have mocked that no one would use a version of office with embedded ads but I think it could work.

There will always be some people that want to use office but will never pay for it. It’s fairly expensive and so is a massive barrier to some users purchasing it. By making a free addition - even if it has embedded ads it means that users will be given the option to legitimately use the software without paying a dime. The corporate users that formerly paid for the software won’t want to put up with the ads and so will still pay the premium price so Microsoft will not lose much sales from this. However, those that formerly priated or used open source alternatives may be tempted to give the ad funded version a run and if the ads aren’t too intrusive keep it.

Another reason is that advertisers will be told the install base and number of downloads for the ad powered version not how many have since ditched it it or applied a hack. This means that even if a large portion apply a ad blocking hack it will not be reflected in the figures presented to potential sponsors and so doesn’t hurt Microsoft’s potential to make revenue from it. Obviously if ad impressions are tracked it will be reduced by blocking but often the ad blockers just make the ads not visible and do not stop the request for the ad being sent and so will possibly count as an impression. We also don’t know how online elements of the app will be intergrated - if there is a lot of cloud or web dependant features embedding the ad into the online component maybe unstoppable.

Also Microsoft can detect/knows a lot of systems are running pirated copies of it’s software but does nothing about it - this keeps up it’s install base even if it doesn’t make a sale from it. With this app being free they could chose to cripple/disable apps that attempt to block ads making it harder to hack and if aggressively blocked with every update like sony/apple firmware does to the iphone/psp it could leave the average user going for an unhacked copy rather than have the hassle of regularly updating hacks and having downtime where they can’t use the app or having a app that becomes a security risk because they can’t get the regular updates.

So if a user doesn’t want to fork out for software that possibly costs more than their PC what are their options. Downloading a pirate copy and risk viruses, trojans or fakes and possible prosecution if caught or even having their app disabled by an update and having no access to vital software. Using an free alternative like open office but losing out of features of the Microsoft edition and having compatibility issues when working with MS office files from clients. The option of a free fully functional, although ad powered, edition seems an attractive prospect.

Lets hope it’s a success and the likes of Adobe consider this business model. Currently their software is among the most pirated due to it’s massive price tag (particularly in the UK). An ad funded or even partially ad funded alternative would be more successful than the cut down versions like Photoshop elements.

The re-design buried the apps and restricted profile customisation so that the design was cleaner, more consistent from page to page and generally a better place to be. It did however, mean all the hardwork developers had put into apps was going to waste as apps were harder to get to and less noticeable. A footer navigation to apps later was added which helped somewhat but was not that prominant.

The new design which most should be able to see today if not within the next couple of days makes further improvements to the general look and feel and apps resurface as a prominant homepage feature.

New FaceBook homepage UI (click to enlarge)

First thing to notice is that the main column has been tweaked with more imagery in rounded corner squares. Instead of “joe blogs” did XYZ we have the users profile pic along with it. The main column is just an updating news feed and feels a bit like Twitter - perhaps what Facebook were aiming for.

The right column has been re-purposed. Moving the alerts to the top of the news feed in the main column and introducing a highlights section which app developers will be pleased to know promotes apps as well as groups which has also been neglected due to their lack of prominance.

The left column lets you filter the items in the main news-feed so you can quickly show only updates related to your contact categories. For example you may use facebook for work and personal and so switching between work and friends categories helps you keep your updates seperate.  The left column also means the tabs on the main column can be done away with and are now part of the vertical nav on that side.

The status update field has been made more prominant and changed from what are you doing to what’s on your mind - opening it up to a wider range of discussions. With the status commenting that has proven popular this is now more of a conversation starter than a an Instant Messanger type “I’m at lunch” message.

Overall the new design looks good, is cleaner and better laid out than facebook of old but still lets you get easy access to what’s hot on facebook whether it be friend updates or apps. It’s new filter is also a great help to users that use facebook for both business and pleasure or simply want to seperate friends and family.

I don’t expect as much of a backlash from users as the last big change but there are always some who won’t be happy - look out for the “petition facebook to undo their redesign” group

Thumbs up to Facebook and watch out Twitter.

CNET UK new look

Compared the old look:

Old CNET UK design

The project (code names Tiburon) brings the site more in line with the US version CNET.com and incorporates suggestions from users of the site. The team managed to launch the update which affected every page of the site with little to no down time.

More details and Feedback here:

http://crave.cnet.co.uk/software/0,39029471,49300666,00.htm

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.

I previously wrote about how multiple versions of IE could be installed on one system but this only worked on Windows XP and was extremely buggy, throwing up errors everytime it encountered flash or javascript on a page.

When using Vista even this buggy version of IE6 would not work. Obviously some developers asked Microsoft for a way of running IE6 on Vista. Microsoft said that it would compromise the security if Vista and so the only way was to install a virtual machine running windows XP and IE6. microsoft even provided the virtual machine software and temp XP license for free. I was pleased with this solution as it meant it would be very unlikely Joe Public would get a new Vista PC, decide they want IE6 and be able to install it. The end of IE6 looked near!

Unfortunately, Vista didn’t take off and replace XP, thanks in no small part to Apple’s smear campaign and users with old/obscure hardware being very vocal about performance… But that’s another topic. This meant continued IE6 was needed. While running the Virtual PC worked it was a waste of system resources and slow to open and close so I soon got sick of it. Then came along IETester.

This standalone app enables you to render pages as IE5.5, IE6, IE7 and the latest IE8 beta as seperate tabs. Pages load without the annoying error popups of MultipleIEs and ironically faster than Vista’s built-in IE7 browser.

It unfortunately doesn’t yet support flash in some of the IE versions but this should be in an update. The IETester toolbar replaces the IE toolbars so unfortunately you can’t run IE developer toolbar to help debug. Despite this I highly recommend grabbing this free download (donate if you can) even if you are running XP.

Note if the file is no longer being hosted comment and I will host it for you.