Archive for the ‘Web Design’ Category

Time for an impromptu rant. This morning, I heard that Google had begun factoring site speed into its search algorithm. This means that slower loading websites will suffer slightly in Google’s rankings compared to faster loading websites, although it is said to be only a very minor factor in Google’s algorithm. Nontheless, are Google right to do this? My opinion is that they are not.

The speed at which a website loads has no bearing whatsoever on the content of the website. So it seems Google are making a statement that, in general, websites should load faster. Of course, nobody wants a website to take a long time to load - it’s frustrating. But should Google’s ranking algorithm not focus purely on the actual content of websites?

What if I want to search Google for some kind of entertainment website - online games, for example. Such websites contain large amounts of Flash, which tends to increase a page’s file size substantially. Will this inclusion of site speed in Google’s algorithm not therefore mean that the search results become less relevant in this example? Slower loading pages will, after all, not rank as well as quicker loading websites.

In addition to entertainment websites, there is an issue with Flash and JavaScript in general. These are probably the two biggest offenders in terms of causing websites to load slowly. I would imagine that Google’s argument - and certainly the argument of many comment posters on articles I have read so far this morning - is that site speed is a usability issue. Essentially, this is not something that I would disagree with. However, the use of Flash and JavaScript is not always gratuitous. As all good interaction designers will know, JavaScript and, to a greater extent, Flash are two of the most powerful tools for enhancing usability on a website. So, although it is not always the case, in some cases a slower loading website will actually be just as usable - if not more so - than a faster loading website. Yet, with site speed now a factor in Google’s algorithm, such sites will presumably suffer in Google’s search rankings in comparison.

All that aside, it is now 2010 - almost everybody has broadband and connections are getting faster and faster. As web and media technologies progress, the total file size of websites is probably getting smaller, if anything. So, is site speed really a big issue? Big enough to make it worthwhile penalising slower loading websites in Google’s search results?

If site speed really is a big enough issue, then my suggestion would be for Google to make it an option for users to prioritise faster loading websites in the results of their search. A simple tick box would do the job. Users on mobile devices, or on slower connections, could then make use of this option, while other users would continue to receive accurate search results not influenced by factors irrelevant to websites’ content.

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com

I’ve always used JavaScript to validate e-mail addresses. However, it’s best not to rely solely on JavaScript for such things due to accessibility issues. For this reason I’ve begun using PHP for e-mail validation. While I’m quite adept at creating functions for various other (simpler) aspects of form validation, verifying the validity of an e-mail address submitted by a user is a little too much for my pea size brain to cope with. Having scoured the web quite comprehensively, the following is by far the most effective solution I’ve found so far:

http://www.linuxjournal.com/article/9585

It’s not exactly a one-line solution but it certainly does the trick better than anything else I’ve found. It’s also pretty easy to understand and, if you so wish, edit. I hope you find it useful!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
6 Aug 2009

PHP e-mail validation

Author: Adam | Filed under: PHP, Web Design

On July 17th 2008, the .ME domain extension was unleashed unto the domaining world. There is a great deal of hype and demand when any new domain extension is released and, with the domaining industry continuing to grow, it wasn’t a huge surprise when .ME started to break records set by previously released extensions. GoDaddy, arguably the biggest domain registrar in the world, had been heavily marketing .ME in the build-up to its release. But even they failed to predict the enormity of the demand as their website buckled under the pressure, with buyers - myself included - rushing to snap up .ME domains in record-breaking numbers.

Not only did .ME prove to be record-breaking in terms of public sales, it also generated over $2million from the landrush auction period alone. It achieved the fastest growth of sites on a particular extension being indexed by Google - .ME domains now account for almost ten million of Google’s indexed pages - and Alexa reported that the number of .ME domains in its top 1million websites was soaring past the corresponding numbers for .MOBI and .ASIA domains, both of which extensions had been released some time before .ME. It was the fastest growing new domain extension on record.

So what’s so special about .ME?

Whenever a new extension is released, domain buyers flock to snap up domains regardless of what the extension is – be it .ME, .YOU, .CHEESE or .LIPSTICK – because some domains are of a certain value irrespective of their extension. The type of domains I’m referring to are keyword domains. For example, carinsurance.biz, tailoredsuits.info, or cheapflights.com. The value of these domains is in the volume of searches for the respective keywords via search engines; your potential customers are already searching for your website. It’s a bit like hiring premises for a shop on a busy high street – your potential customers are already on the high street, waiting to buy your products. Since there are a limited number of domain extensions, there are subsequently a limited number of domains that can be registered with any particular keyword. So the supply of a keyword domain is very small, but demand is huge – hence domainers flocking to snap up these types of domain whenever a new extension is released.

But .ME is not just any extension. While it has the same value as other extensions for keyword domains, it also has meaning. ā€œMeā€ is, of course, a word – not just in English, the most spoken language across the globe, but also in Spanish and Italian. So you can juxtapose a verb with ā€œmeā€ to create catchy phrases – particularly call-to-action phrases – with a .ME domain. The possibilities are almost endless – this method of creating a phrase with a .ME domain can be applied to any industry. Some examples of this are ā€œinsure.meā€, ā€œdate.meā€ and ā€œentertain.meā€. This type of domain is catchy, unique and, most importantly, easier to remember than other types of domain. This is firstly because they stand out, since most other domains are not catchy phrases. But secondly – and here is where I dip into my HCI knowledge – there is a science behind the memorability of these types of domain. This science is called ‘chunking’. Chunking, in a nutshell, is the way in which information is split into chunks that are manageable by the human mind. In other words, it is the way in which things are made easy to remember. Most websites use the more common extensions such as .COM, .NET and .INFO. In most cases, the domain does not comprise a phrase. When a user sees one of these domains, they have two chunks of information to remember – the domain name and the domain extension, e.g. ā€œgoogleā€ and ā€œdot comā€. Let’s look at a brandable .ME domain, however. The example we will use is ā€œinsure.meā€. When the user sees this domain, they see a phrase - ā€œinsure meā€. The user will, of course, have to remember both the domain and the extension. But the second word IS the extension and the two words collocate to form one phrase, meaning that the user effectively has just one chunk of information – the phrase ā€œinsure meā€ - to remember. This acts to constrict the amount of information processed by the user’s brain, thus making the domain significantly easier to remember. Some examples of websites already using this technique with other domain extensions are fly.be, buy.at and del.icio.us.

Right, now that I’ve had my HCI fix, it’s time for my entrepreneurial fix - let’s talk about brands. Every business needs a brand – it’s what its customers remember and refer to it by. If a business is web-based, its domain is of huge importance – it goes hand in hand with its brand and is paramount to its marketing. If I ask you to think of the first three successful websites that come into your head, which ones do you think of? My answer would be Google, Ebay and Amazon. Now think of their domain names – how many are keyword domains? In this case, none of them. Keyword domains have their value but, if you have big ambitions for your website, you need a real, strong brand. Google’s domain is not ā€œsearchengine.comā€, Ebay’s domain is not ā€œonlineauctions.netā€ and Amazon’s domain is not ā€œbookshop.bizā€. They did not choose to pick up a keyword domain and just sit and wait for some search engine traffic. They made names for themselves by creating their own memorable brands and standing out from the crowd. This is what .ME is all about. But why not create a catchy, memorable .COM domain instead? You could argue that most successful websites, like these examples, use .COM domains, so the web address is usually obvious. In which case, if you are able to come up with a catchy and memorable brand name, would a .COM not be better than a .ME? This can sometimes be the case, but not always. What’s more, all the good names are taken! Think SourceForge (.net), Craigslist (.org) or ImageShack (.us) - other domain extensions are coming into play more and more, so it is becoming increasingly important that your domain extension is obvious. Enter .ME – the perfect solution. Not only does it ooze potential for creating catchy, memorable domain names – it is also the most effective extension for allowing your website name to double up as your web address. No other domain extension can truly rival the marketing potential of .ME.

So, to answer the question - ā€œwhat’s so special about .ME?ā€ - it is a domain extension that gives you more potential than any other to create a unique, memorable domain name that stands out from the crowd. Dot com may always be king, as they say. But, in an industry that is becoming increasingly competitive for getting your website seen and found, no other domain extension manages to encapsulate the needs of the modern day website owner quite like .ME does. Don’t get me wrong – having a good, brandable .ME domain does not guarantee that your website will be successful, no matter how catchy or memorable it is. But it will give you a head start. If you have big ambitions for your website - and you really want to make a name for yourself - then .ME is for you.

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
28 Jun 2009

Why .ME?

Author: Adam | Filed under: Business, Domains, HCI

Just thought I’d share with you my favourite font finding resource - Abstract Fonts. This website currently contains over 12,000 free fonts - that’s a lot of free fonts! You can browse them in various ways; randomly, by how new they are, by how popular they are, or by my favourite method, which is by category. This way you can find just the type of font you are looking for, be it graffiti, floral, calligraphy, retro or whatever else.

Hope you find it useful - I do!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
25 Jun 2009

Abstract Fonts - lots and lots of free fonts!

Author: Adam | Filed under: Web Design, Websites

A little tip for my fellow web designers. Some of you will already know how to do this, as it’s not overly complicated. However, some of you will not - for those people I hope this will be useful.

At the footer of most websites, you will have a copyright notice, along the lines of:

Ā© Copyright 2009 TheMasterBrewer

Have you ever found it a nuisance having to update the year every January on all of your websites? I used to. But it’s actually very simple to make your websites automatically update themselves using a little nugget of PHP. Your web pages will of course have to be written in PHP if you use this method - basic HTML files (.htm or .html) or files coded in other languages (e.g. ASP, JSP, etc) won’t work.

So, what’s the code? You simply use the PHP date function to retrieve the current year. You can retrieve it in various formats, but the format we require is a four digit full numeric representation of the year. This is called using an uppercase ‘Y’. So, the code is simply:

date(’Y')

Simple, huh? You just echo this and it comes out as 2009, or whatever year it is. So, for the above copyright statement, your code would be:

&copy; Copyright <?php echo date(’Y'); ?> TheMasterBrewer

That’s it. The next time the clock strikes midnight on New Year’s Eve, all your websites will automatically update the year in their copyright notices.

Many of you will read this and think “duh”, but hopefully some of you will find it useful. If you have any questions, let me know. Cya!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com

I’ve just revamped one of the first websites I ever built. Domparison is a domain name price comparison website - it does exactly what it says on the tin (who remembers Ronseal?!), comparing prices for domain registration, renewal and transfers on various extensions.

One of the problems I originally had with the site was that some of the registrars list prices in USD (dollars), whereas others list prices in GBP (pounds). Originally, I listed the USD prices and GBP prices as they were and simply indicated what currency each price was. When I first made the website database-driven, around a year ago, I started listing all prices in USD. This meant that, in addition to having to periodically update all prices, I also had to frequently obtain the latest exchange rates and calculate the GBP prices in USD in order to update them. This was clearly quite a chore.

What I have done this time is written a PHP script that scrapes the latest exchange rates from Reuters. Using a cron job, this script automatically executes periodically on my server, fetching the latest exchange rates and automatically converting all the GBP prices in the database into USD.

The site has also had a bit of a face lift - I felt the previous design was a little cumbersome in theĀ  look and feel department, so I have ditched the blue-based colour scheme and gone for a light grey one.

Next on my agenda is to create a mailing list so that users can be informed every time a mass price update takes place. I’m currently thinking I may go the whole hog and allow users to create accounts - then I could allow users to rate and review each registrar. If you have any other suggestions, let me know!

Hopefully my fellow domainers will find Domparison useful - and hopefully they will like the improvements I’ve made!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
4 Jun 2009

Domparison: Domain Name Price Comparison

Author: Adam | Filed under: Domains, HCI, Websites

Just thought I would post a useful link I found today. My fellow web designers will appreciate this :)

While trying to find a nice shade of gold for a stylesheet, I decided to see if Google had any suggestions. One of the sites I found was this one:

http://cloford.com/resources/colours/500col.htm

It basically lists over 500 different colours and shades by name, along with Hex and RGB values for use in web/graphic design. The fact they are listed by name means you can do a CTRL+F to search for specific shades, such as “olive”, “cobalt”, etc.

Not the most powerful of tools but certainly a useful one that I’ve bookmarked for future reference!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
3 Jun 2009

Colours listed by name with Hex and RGB values

Author: Adam | Filed under: CSS, Web Design, Websites