The BlueClock Blog

Icon

Articles To Help You Manage Your Web Site : Web Design and Consultancy in Brussels

Flash Player 10 is out … so…

Adobe have just released version 10 of their flash player. Beyond the fact that it’s faster, has better support on Ubuntu and has 3D effects, this release is significant in that it is the first release of the flash player that falls under the openly published SWF format.

It’s also a sign that we’ll  soon get a new version of AIR (1.5) when AIR comes out of Beta for Linux and AIR on the mobile. Watch this space.

Filed under: Adobe Air, Web Standards, Accessibility and Best Practice , , , ,

More wierd than Cuil – Does search have a new darling?

So now we have a new search engine to add to the list. Though let’s face it, it’s not really much of a list is it? Google always wins hands down. But cuil.com, the new kid on the search-engine block comes from a long pedigree of search engine excellence. Long in internet years that is.

Products from the Cuil stable have been purchased by Google in the past so they are certainly respected and this time they’re not up for sale. You’ll hear a lot about them this week so I’m not going to just regurgetate what everyone else on the web is saying, but their entry into the market on the basis of tracking less of your data is certainly intersting and will appeal to a lot of people. Their claim to have indexed more of the internet that Google will also play well, but in my opinion is worthless as I’m not really sure more is what we need of most things.

So how do they stack up in search accuracy?

Well, it’s difficult to say. They launched and they crashed. Well not quite, but the demand for mission critical task of “Cuiling” (am I the first??) your own name  etc is so high that they haven’t been able to cope completely. But if you are patient enough you will be able to – it’s so hard not to write google here as a verb – search Cuil’s index.

So of course I searched for blueclock and for some reason there is a totally irrelevant picture of someone next to my company entry. Why? Who is this person? The additional information like pictures and categories that they provide is great but now I have doubts about their results.

Also noticable is the fact that they haven’t localised their search yet. So terms that score highly on google.co.uk but less well on google.com don’t do ever so well on Cuil. Relevance to the location of the user is something that Google excels at and it’ll be interesting to see how Cuil respond.

Other than people now associating this stange photo of someone I’ve never seen in my life with me, some other interesting side-affects for unsuspecting 3rd parties are the inevitable. There will be instantaneous fame for any villages called Cuil in Scotland and Ireland (try cuil.co.uk) and the impending server overload for any poor sod that has a domain using a easily mis-typable combination of the letters in Cuil.

Oh dear, someone is about to find out why shared hsoting packages are so cheap…

Filed under: How To Manage A Website, Search Engine Optimisation, Web Standards, Accessibility and Best Practice , , , ,

Google Host Javascript Libraries Free Of Charge

Performance remains top of the web app agenda with browser vendors continuing to slug it out with claims of shaving milliseconds off JavaScript performance in each new release. Meanwhile the developers of JavaScript libraries are also waging a performance war which we’ll all benefit from in the long run as web apps become more sophisticated.

But all of this is focussed on how quickly JavaScript runs in the browser and in the case of JavaScript libraries, how quickly they run, once they have been downloaded to the browser. And that’s the key point. There is still an easy performance gain to be had by eliminating the time and resources required to download these libraries from your server to the client’s browser.

So Google have begun hosting a selection of the most commonly used JavaScript libraries so that over time, they will be cached on a lot of users’ machines.

At present, if I visit a shopping web site that uses jQuery and I then visit a travel information web site that also uses jQuery then my browser will have to download the jQuery library once when I visit the shopping site and then again when I visit the travel information site even though both sites are using the same file.

If both sites download the jQuery library from a common source, in this case Google, then the file only has to be downloaded once and is available for any other sites that use jQuery as well.

By using this method, you’ll take some of the pressure off your own web server, save a bit of bandwidth and make initial performance of your site better. The latter is something that your visitors using dial up or in countries with slow connectivity will definitely appreciate.

At the moment, the libraries provided are:

  • dojo
  • jQuery
  • MooTools
  • prototype
  • script.aculo.us

Google will be expanding this selection in future and its success is dependent on uptake.

You can see Dion Almaer annouce it below and full details are at code.google.com/apis/ajaxlibs/documentation/

Filed under: CacheFile, Free Fridays, Free Software, How To Manage A Website, Web Browsers, Web Standards, Accessibility and Best Practice , , , , , , , , , ,

Safari 3.1 on Windows Problems Displaying A Background Image On a Body Tag

[UPDATE: panic over. Let's just call it user error/stupidity and assume that they won't be naming a bug after me.]

I’m currently developing a site that uses a very common technique of tiling a background image on the body tag in css.

I tested the site in Safari 3.1 for Windows and the image would not display. It works fine in all other browsers.

I then moved the css for the background image into a div tag that wraps the entire site and hey presto it works as expected. I didn’t give it much more though until just now.

I’ve just been to look at Adobe’s new Photoshop Express website in Safari 3.1 for windows and they have exactly the same problem. Nice to know I’m in good company!

They are using the same technique e.g.

body {
background-image:url(assets/landing/background.jpg);
background-repeat:repeat;
}

Is anyone else experiencing this?

I can’t show you my site as it’s still in development, but the Photoshop Express site is here www.photoshop.com/express/landing.html

Filed under: Apple, Web Browsers, Web Standards, Accessibility and Best Practice , , , , , ,

Internet Explorer 8 Beta 1 First Impressions

IE8 Beta 1 was released to the general public yesterday and here are my first impressions and quick review. I’ve installed it and taken it for a quick whistle-stop tour of the web. It’s stable, it’s a great improvement, but one caveat though, it’s only really intended for developers and designers at this stage, so if that’s not you, read on but don’t install it.

[Update: IE8 overwrites IE7, see the comments below for information on how to run different versions of internet explorer 6, 7, and 8 on the same machine using Virtual PC. It's all free of charge from Microsoft. I'll write up a post about how to do this next Friday.]

Feet First into IE8

Installing such early Betas isn’t always such a great idea and Microsoft have in the past had a reputation for not enabling different versions of products to co-exist. So why such as rash step?

Well, primarily I was just very impressed by what Dean Hachamovitch, General Manager of the Internet Explorer team had to say in his keynote at Mix 08 and I wanted to see the browser for myself.

Secondly, I don’t use Internet Explorer as my default browser any more. Therefore I’m not reliant on it for web browsing or accessing any web applications. Most of the time I just use it for testing client web sites.

And thirdly, (and this is why I’m going to keep it on my machine) I liked the fact that Microsoft seem to have solved the multiple version problem by enabling you to toggle between IE8 and IE7 emulation mode.

IE7 Emulation Mode

IE8 - IE7 Emulation Mode ButtonThis last point means that developers can continue to do real world client site testing in IE7 at the flick of a switch. Switch of IE7 emulation and you can still continue testing and preparing for the release of IE8. This is a very nice feature and makes the life of developers much easier.

Previously, developers required a virtual machine to run IE6 and IE7 so you had to log in to the virtual machine to use and test in IE6. You still need to restart the browser each time you want to switch between IE8 and IE7 emulation, mode but that’s no real hardship.

IE8 Is Focussed On Developers

Developers were really the focus of Dean Hachamovitch’s speech yesterday. That’s not surprising, as MIX is a developers conference, but it really feels like IE8 will affect developers most. He summed it up nicely by saying that developers have to spend so much of their time and effort on ensuring that things work across different browsers that it detracts from the quality of the final outcome.

So What’s New In IE8 for Developers?

So what have Microsoft done in IE8 that will make life easier for developers? They’ve reduced the gap between what features the major browsers can and cannot implement.

Microsoft are going to implement CSS 2.1 and ensure that IE8 always renders sites in the most standards compliant way possible. That will give back so much time from fixing CSS quirks related to floats, margins and padding etc.

They are also starting to implement elements of HTML5 which will enable the back button on a browser to revert to the last “state” of an AJAX enabled page (what users expect) rather than going back to the previous page. Also new from the HTML5 stable is the ability to of the browser to use local storage.

The example of local storage given in the keynote was very slick. He started to create a blog post and while doing so pulled the network cable out of his computer. The application detected this, notified him of the fact that he was not longer connected and changed the “Post” button to “Save” i.e. his blog started to function locally so that he would not lose his work due to connection problems.

There is also a new set of developer tools that seem to be close to Firebug and may even go beyond Firebug’s present capabilities, though I’ve not looked to closely at that yet.

Now these types of things are already available in other browsers, but we now have more of a level playing field and it’s easier to guarantee certain features being available in the browser.

But What About The Users?

If you already use IE7, IE8 won’t be that much of a big surprise. They’ve moved the favourites buttons to a better position and things like clearing your cache are a lot better. There’s also a nice touch of highlighting the domain name of a URL and making the rest of the URL less prominent. I guess this has positive security implications as it can will show people where they really are if they happen to have opened a link in a dodgy phishing email.

The image below shows which part of the URL is highlighted (my screen capture software decided to ignore the highlighting) and the new position of the favourites.

IE 8 toolbar

he two main things Microsoft are focussing on at what they call Activities and WebSlices.

Activities are essentially context sensitive actions that you can perform on sections of a web page. So if you highlight an address on a web site and right click, on of the available Activities is to view a map for that address. The big change for the user is that they don’t actually have to leave the page or open a new tab, the map just opens as a small box on the page itself and you can drag the map around , zoom in etc just as you’d expect. To create an Activity, developers just create an XML file that describes what data is required to return information back to the page and how to supply it.

WebSlices are kind of like microformats in that you simply mark up a particular section of a page with some class names and IE8 will recognise these as a WebSlice. You can then subscribe to that particular section of the page, a kind of mini RSS and watch for changes. The example that they give is watching for changes on an Ebay item. WebSlices appear in your favourites.

All of this just reinforces the importance of the browser in modern society and how the browser affects the choices we make. The pre-installed Activities will of course favour Microsoft’s own services such as Live Maps and most people will go with the default behaviours.

Google Maps Breaks : (

In my quick tour of the sites I commonly use, I found that IE8 rendered most sites pretty well with one glaring exception. IE8 really doesn’t like Google Maps. But if you’re a developer then you probably use Firefox most of the time anyway so things like this don’t matter too much and are to be expected in a Beta release.

So take IE8 for a spin and let’s look forward to finding out exactly how Microsoft intend to rid the world of IE6.

Filed under: Reviews, Web Browsers, Web Standards, Accessibility and Best Practice , , , , , , , , ,

Safari 3 And WYSIWYG Rich Text Editors

Safari 3 has recently become a first class citizen in the world of WYSIWYG Rich Text Editors. Until recently, the majority of Rich Text Editors didn’t support Safari so if you were using a content management system or blogging software to edit your content online then Safari would usually default to a plain old text area.

But in the past few months a couple of most popular Rich Text Editors have begun to support Safari.

As of version 2.5, FCKEditor now supports Safari 3. Their free editor can be integrated into most development environments and has plug-ins for dealing with file browsing and photo management.

TinyMCE (the editor used on WordPress) also supports Safari, but with the caveat that it’s still experimental.

CuteEditor is a paid for product and has supported Safari for some time now.

Now all that we need is for site owners and CMS developers to replace the older versions of these editors to the newer versions which support Safari.

Filed under: Apple, Free Software, How To Manage A Website, Safari, Web Browsers, Web Standards, Accessibility and Best Practice , , , , ,