Galide

floating window working with resize event

2008-05-05T10:08:00.004+01:00

I spent a little while trying to figure out today how to get a little window sticking in the right hand-side corner of my browser, while resizing the screen.

Many examples are available out there, but found difficult to pick up a simple way to achieve this.

the best way I have found was this (suing JQUery code for DOM selection):


<script>
function findwidth(){
  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false
  winW = (ns4)? window.innerWidth-16 : document.body.offsetWidth-20
  return winW;
}

function positionmydiv(){
  var myposition = findwidth()-$("div.mydiv").width();
  $("div.mydiv").css({position: "absolute", left:myposition});
}

$(document).ready(function() {
  $(window).resize(function() {
    positionmydiv();
  });
});

positionmydiv();
</script>

You then can use


</div class="mydiv" id="mydiv">My text here..... </div>

Anywhere in your code, the div will float nicely and adjust with resize.

forums: embedded link or links in signature?

2008-04-29T16:57:00.004+01:00

I recently participated to a thread on a SEO forum (http://www.webproworld.com/google-discussion-forum/68650-can-inbound-links-really-hurt-you-2.html), which spreads over 5 pages. I initially picked up the thread because it was featured on the newsletter sent by the site - a good bet that this thread would be read by a fair amount of visitors.

It is certainly not what people say in there which would justify spending more than a few minutes on there. So, is it useful to stick on there for links?

I targeted my blog, and checked the stats after a few days.

1) One page is outperforming the others: page 2 has been bringing 50% of the traffic so far. Why?
2) The only difference in page 2 is the actual links to the blog I have embedded in the post. the other pages have got a link to this blog, but only in signatures.

=> traffic wise, it is therefore more important to get an opportunity to stick a link to a site in the post itself, rather than relying on the actual link in the signature to bring traffic.

Note: we are talking about ~5/10 visits/day for 1 thread, not a wide scale experiment. But figures are relevant enough though and I think that a larger scale experiment would lead to the same results.

List of sophism. Do you mean syllogisms?

2008-04-26T17:40:00.006+01:00

When I started writing my post about SEO sophisms I realised that it was a bit challenging to find actual examples of sophisms.

I searched for "sophism list", "examples of sophism", etc .. but could not find a proper list of examples.

I switched to "my favourites sophisms", and found a page about paradoxes:
http://brainden.com/paradoxes.htm

On this page were listed 3 sophisms, good start..

"A slim crocodile living in the Nile took a child. His mother begged to have him back. The crocodile could not only talk, but was also a great sophist and stated, "If you guess correctly what I will do with him, I will return him. However, if you don't guess his fate, I'll eat him." What statement should the mother make to save her child?"

"Sophist: "Yes, greedy man gives his cash with sorrow. However, he doesn't have the cash with sorrow, so he gives what he doesn't have.""

"What is better than eternal bliss? Nothing. But a slice of bread is better than nothing. So a slice of bread is better than eternal bliss."

I then looked up in google for "A slim crocodile living in the Nile took a child", "Yes, greedy man gives his cash with sorrow.", "What is better than eternal bliss? Nothing", hoping to find other sites listing one of these sophisms alongside others... but not much success, these sophisms were hardly listed anywhere else.

Back to square one. On one hand Google could not find famous sophisms for me, but on the other hand I was convinced that I had been taught at school that the syllogism "Socrates is a man, all men are mortal, hence Socrates is mortal" was a famous one. How come didn't I come across this one in my previous research. I then searched for "hence Socrates is mortal" and found out that it was classified as a "syllogism".

I search then for syllogism to refresh a little bit my memories, and find out that syllogisms was a kind of logical argument used extensively by sophists.

I then searched for "syllogisms quotes", and finally found what I was looking for on http://www.thinkexist.com!

Since I have written the first post (which was more about SEO than sophists really), I started getting about 10 visits a day from people looking for a list of sophisms. These people are probably like me, looking for actual syllogisms, but simply don't use the right search queries.

So instead of directing them to a SEO forum, I thought I could write an other post directing them to the resources they are actually looking for instead. In short, doing a bit of SEO for good :-), and hoping that this post will rank better than the other one.

SEO: top 5 list of sophisms

2008-04-24T17:19:00.005+01:00

I recently participated to a thread in an SEO forum, and it struck me how many people in this fields are using sophism to try deceive people in thinking that they are search engines optimisation specialists.

What is sophism?
Sophism can mean two very different things: In the modern definition, a sophism is a confusing or illogical argument used for deceiving someone.
http://en.wikipedia.org/wiki/Sophism

Examples of sophism
"Whatever exists or does not exist exists"
http://plato.stanford.edu/entries/richard-sophister/

Have a look at this text from plato: http://classics.mit.edu/Plato/sophist.html
.. very similar to some SEO forums...

Sophism is used to prove something which is either not provable, or which you cannot prove yourself, or in the worst case scenario something which is actually false.

Here is a list of sophisms I came across:
1) Proving that inbound links can hurt you
'"Tries very hard to prevent site A from hurting site B" is a pretty clear indication that it certainly can happen otherwise there would be nothing to "try hard to prevent" now would there.'
Quoted from http://www.webproworld.com/google-discussion-forum/68650-can-inbound-links-really-hurt-you-2.html about whether inbound links can really hurt you or not

2) proving that you should care about keywords density
"There is much talk about the ideal keyword density of a web page. The bottomline here is that there is no thumb rule regarding the ideal keyword density in a website, mainly because the search engines change their algorithms frequently"
http://ezinearticles.com/?Keyword-Density---How-Much-Is-Too-Much?&id=401316

3) proving that you should care about duplicate content
"The solution? Don’t rely on duplicate content as your main method of driving traffic to your site. Should you avoid all duplicate content? Of course not. What kind of duplicate content is acceptable? Answering this question is easily another article in itself."
http://www.searchenginejournal.com/duplicate-content-penalty-how-to-lose-google-ranking-fast/1886/

4) proving that you should not use a dynamic site
"Dynamic Sites are Spidered Slower than Static Sites
Google in particular has made it clear dynamic sites are spidered slower than static sites. The reason for Google to do this are webmaster friendly (as I’ve recently discovered), dynamically generated sites can potentially have unlimited pages and so Google assumes a dynamic looking site (a site with URLs like dynamic-page.php?page=1) is big and slows the crawl speed. It does this to limit server load because if a dynamic site (any site) has millions of pages, Googlebot and the other spiders could cause the server to crash if they spidered too many pages at one time."
http://www.seo-consultant-services.co.uk/static-html-vs-dynamic-urls.html

5) proving that inbound links can damage your site (an other one!)
"While there are links TO your site, the majority of them are nothing more than a list of links to similar vehicle tracking sites - which are not considered to be the ultimate type of links, and in some casesis even considered a scheme or link farm, which Google specificallywarns against in Google's "Quality Guidelines - Basic principles", "Don't participate in link schemes designed to increase your site's ranking or PageRank ..." - ://www.google.com/webmasters/guidelines.htmland from Google's explanation of why your site might not be listed, "... certain actions such as ... setting up pages/ links with the sole purpose of fooling search engines may result in permanent removal from our index." - ://www.google.com/webmasters/2.html"

there are many more, but running out of time really.
http://searchengineland.com/070830-074852.php: this is a good list of SEO myths. Pick any of them, go on a SEO forum and check out what so-called specialists have to say about it - doesn't take long before digging out sophism examples -

Useful TIP: forums moderators are usually the most prolific users of sophism. That why SEO myths spread so easily.

SEO should get in bed with PR

2008-04-22T18:42:00.003+01:00

As a SEO consultant, I am often asked whether we can help companies increasing the exposure of their sites on blogs, online social networks or online news websites. I usually answer that increasing the exposure of a website is online PR, not SEO, and that it is not something I specialise in.

I came to realise this morning that the difference between online PR and SEO is very blur at the moment, and people feel that they need to depend on a SEO company to manage their online exposure.

This should not be the case.

SEO requires technical skills, in order to optimise the HTML of a site, format the content in order to make it semantically relevant for chosen keywords, and submit the site to online resources.

Online PR requires a good understanding of the business and a good network of relevant journalists/bloggers/media owners who will take on a press release and push it forward a large volume of viewers.

SEO and online PR don't share the same objectives

SEO's objective is to drive long term traffic, whereas online PR's objective is to drive short term traffic.

Now, if you are interested in increasing your traffic overall, the solution is simple: Get the 2 of them in bed together!

The picture below illustrates the concept. Instead of running SEO and online PR as two separate marketing strategies, SEO and PR should be combined in order to maximise return on investment.

The situation is a bit similar to the situation a few years ago when website owners depended on web design agencies to update the content of their website. Then came in content management systems, which now reconciles web design and web content management.

Companies should not rely on SEO agencies to run their online PR campaigns.

It is now time to consolidate SEO and online PR agencies, and release tools allowing PR agencies to combine their activities effectively with search engines optimisation. There is no such tools on the market at the moment.

I believe that someone coming up with such a tool would revolutionise the online marketing industry, the same way CMS revolutionised the web design market a few years ago.

creating a palette for your website

2008-04-08T18:06:00.006+01:00

I find it one of the most tricky part of the actual design process: defining your palette (or sets of palettes) for a web project.

A lot of theory is available about how to build your own palette, but unless you have done some serious studies in graphic design, pretty hard to get a good hand on the process.

Whoever you are using for the design of your sites (in house or external agency), try to ask how they came up with the palette next time you get some mock-ups... usually the answers are pretty vague.

I have tested many tools over the years trying to "automate" the process and always came across the same issue: too many choice! These palette tools give you 1000s of combinations to choose from, and you end up picking one at random (you have also websites offering selections of palettes posted by users, such as http://sa.pantone.co.uk/pages/MYP_myPantone).

Until I found this tool - the kind of tool which make you think "why did nobody else think about it before!".
http://www.degraeve.com/color-palette/

Upload a picture conveying the "look and feel" you have got in mind, and the tool will extract the palette for you.

The process of defining a palette for your clients becomes then so much simpler:
1) Ask them to provide with a few photos they would like to use on the site
2) Extract the palette for each of them
3) Ask them to select between the different palettes suggested

Google: Vertical search - secret weapon?

2008-04-06T13:33:00.008+01:00

Targeting profiles
I think one of the reason Google is providing a better search experience than other rivals is its ability to deliver very relevant results to specific profiles of searchers.
E.g. 1: businesses or individuals looking for local suppliers

If you search for "printers london" for instance, Google will combine results with google map, and display directly a list of local printers in the results page.

E.g. 2: definitions

If you are looking for a definition of a word or expression, Google will return a series of definitions in search results.

Always adding new "vertical" results.
And Google keeps adding new "vertical add-ons":

E.g. 1: people looking for information on a specific site (large portals)

If you are looking for a book on amazon, you can use their search box directly for Google search results.

E.g.2: Programmers looking for code snippets
This one was added only very recently. Just type in some random code, and you'll find files containing this code

Some articles pointed out that Google was upsetting large websites such as amazon with their embedded search bar:
"[Google] has absolutely crossed the line because it's so blatantly about commercialisation and not user experience."
Richard Gregory, COO of Latitude

I personally don't think that these features are driven from the marketing department. By improving its vertical results, Google improves the user's experience, and keep them on its results page.

This is of course a matter of concern to all publishers (Amazon complained about the search box, and got it removed for instance), who get their number of page views reduced, and consequently their advertising revenue. But Google's mission statement is to offer the best results to its users, allowing them to find the right product/service/content directly from the search results, and the addition of these "vertical features" are going in the right direction, keeping Google ahead of the game, and definitely improving the overall user experience.

webwise: dubious practices...

2008-03-26T22:23:00.003Z

Webwise is introducing a new service, allowing internet users to replace any ads displayed on a site with Webwise's ads instead.

Nice concept - it is pretty much impossible to compete with Google directly, trying to convince publishers to replace google adsense with your own ads. Google adsense pays too well, and publishers are not likely to switch.

But..we don't need to ask the publishers! if one controls the ISPs, one controls what is displayed on the screen of any Internet users. This is how China for instance ensures that no controversial information about Tibet or any other sensitive topic is available to chinese internet users. And that is how Webwise intends to replace Google adsense (or other ads) with their own ads...

I frankly don't like it. It's only fair to try to compete with the online advertising giants using any weapons available. But in these case:
1) There is a lot of possible confusion between the two services they offer (safe web browsing, and ads replacement)
2) It will have a direct impact on publishers revenue: when they replace an advert on a site with their own advert, they don't pay the website's owner a single penny!

There is probably a lot to say about these types of practices, using ISPs in this case to replace content, or in other case to track browsing data for instance.

CSS trick: center horizontal menu

2008-03-22T11:09:00.005Z

First time a came across this issue today, and then realised how common the issue was amongst front-end designers.

Issue: web designers tend to rely on cut and paste code when designing menus, without understanding fully what the actual CSS does.

If you google for "CSS horizontal menus", you'll find loads of valid examples.

e.g.: http://www.sovavsiti.cz/css/horizontal_menu.html

the trick is to use li {display: inline} in order to get the listed items aligned horizontally (li is by default defined as "block"). But if you then need to apply specific styles such as background, or padding (which you will probably need to make the menu look pretty), you are then stuck - display: inline prevents you from applying these types of style.

The recommendation from sovavsiti is to apply a float: left, instead of display: inline, which achieves the same effect (align menu items horizontally) while keeping the block property for display, which allows more styling options.

But this is where things start going wrong
The float: left property prevents you from using the align: center property, and you end up banging your head on the wall trying to work out how to modify the actuall css in order to center your menu => wrong approach.

The right approach (well, in my opinion any way) is to get back to the basics.
1) You cannot use float: left because it prevents you from centering your menu
2) You cannot use display: inline alone without loosing the ability to style your menu items with background images/colour, padding, etc ..

Solution: once you have described the issue properly, the solution is then straightforward: use span within the li to be able to apply the missing styling properties. Easy, isn't it?

An example is available at: strctlycss

Conclusion: it is often a matter of finding what the actual problem is. Once you understand exactly what your CSS does, and its limitations, the solution is then straightforward to find.

Accounting for small web design companies

2008-03-21T20:04:00.004Z

I recently decided to pay a bit more attention to our account, and start learning about how to use accounts for management.

And it is amazing the impact of understanding your accounts can have on your business, regardless your turnover.

And the benefit of using a web design business is that it is quite straightforward to keep your accounts in order, without the need for sophisticated accounting software - 3 spreadsheets are enough.

1) Bank statements:
Download your bank statements on a monthly basis, and keep them on one sheet. And flag each transaction with a category:
1.1 for debit transactions
bank charges, transport, entertainment, telephone/internet bills, office supplies, call handling/virtual secretary, hosting, domain names, events fees, online tools cost, cash, VAT (if you are registered) , suppliers cost (try to specify which type of service they provide, such as offshore development, accounting, translation, etc .. )
1.2 for credit transactions
invoice (try to write down the reference if possible), cash back

You may need some additional categories for odd transactions, but categories above should cover pretty most of your transactions.

Important Note: Try to keep business account separate from your personal account. If you buy a tube ticket, and need to record this as a business expense, use your business card, not personal account. You then have just to worry about the statement you download from your online business bank account.

2) P&L
This is how you find out if you are doing things right, or if production is costing you too much , if you are spending too much in advertising etc ...

2.1: Revenue
The revenue is the sum of all the credit transactions - cash back

2.2 Gross profit
revenue - sum of all cost related to sales (suppliers cost, call handling/virtual secretary) - deprecation expenses **

use a 25% ratio. If you have bought a computer worth £1000 this year, it is costing you £250 in deprecation expenses this year, and will cost you £250 each year for 4 years. Don't ask me why it is considered as a cost related to sales...still cannot figure that out.

2.3 Net profit
Gross profit - sum of costs + cash - cashback

----------------------------------------------------
If you keep this in order, it will save you loooooads of time in the long run. these are useful data, but you need a balance sheet to start running proper analysis about your business... which I will write about in the next post.

unable to connect to your outgoing (SMTP) e-mail server

2008-02-29T11:40:00.003Z

I have been banging my head against the wall lately, trying to send emails through my outlook.

Whatever SMTP account I was using, I would always get the same error message: unable to connect to your outgoing (SMTP) e-mail server

And googling this error didn't help much. Most of the post were related to firewall settings.

My issue was slightly different: I have recently subscribed to 02 broadband, and was having this issue whenever I was using their wireless router. I disabled their firewall, nothing changed.

A quick call to their customer service department (which is excellent by the way) gave me the answer: O2 prevents access to any SMTP server except their own SMTP server!

and there is no way around it - if you need to send emails through SMTP, you need to use your O2 account. the only other alternative is to order a static IP address.

O2 is not the only ISP preventing people from connecting to other SMTP servers. I had the same issue with Wanadoo for instance in France.

The reason they give is that they want avoid spammers using their network for sending forged emails. But by doing so, they also create a lot of headaches for people like me, who spend hours trying to figure out why they cannot sent emails from their email client any more!

I must say that their customer service has been very useful though. They took my concern very seriously, understood the point I was making, and promised to follow up.
And for this reason alone, I will definitely stay with them. And I would still recommend using them as ISP, hoping that they will address this issue swiftly!

And in the meantime, hope that this post will avoid other users from wasting hours trying to figure out why they cannot send emails!

overcoming the minus 6 penalty

2008-02-03T11:57:00.001Z

A lot of things have been written about the minus 6 penalty/filter added by Google recently.

It is quite easy to demonstrate:
e.g.: we have very recently released a site (http://www.marketingminefield.co.uk), and I was checking the ranking of this site for some specific/unique titles.

"Segmenting Your Customers - Uncovering Hidden Value": This is a very unique title, which should get http://www.marketingminefield.co.uk/articles/segmenting-customers.html into position #1 straight away.

Instead, the page is ranked at position 6. It is clear that this position is assigned on purpose by Google (you can check yourself with other very unique titles for recently released sites), which is probably because this is the position the less likely to be randomly clicked on.

Google probably tracks the number of clicks on results it returns, and take this into account in the ranking algorythm. But provided that some people just click on first links without thinking about it, positioning the "on probation" link in position #6 gives Google more chance to test effectively if the link is actually relevant.

I think that it is just a temporary position. Google hasn't computed all data yet, and hold the site in the position until more processing has been done. Nothing really to worry about, it is in my opinion just a sign that google has crawled the page, but not asssigned a proper ranking yet.

Using Facebook as a promotion tool

2008-01-08T09:08:00.000Z

I am still trying to figure out the benefit of using Facebook really. The site can become quite addictive, but the actual "benefits" of using it are still a big mistery for me.

You can certainly hear from people you had lost contact with for instance. But there is usually some good reasons why you had not kept in touch with them in the first place. After catching up with them for a while, you soon realise that you will very probably loose contact again very soon..

I have started a group, GetBiz, to cover my activities with www.getbiz.co.uk.

I don't really want to invest too much time on this, since it is just an experiment. But maybe worth the try. Very much like keeping up with a blog really, with the ability to attract readers more easily through connections. The downside is that it is not as SEO friendly as blogs though.

Safari 3 - CSS hack

2007-11-30T08:33:00.000Z

A quick tip about how to set up a CSS rule for Safari (all versions) only.

Problem: The way Safari renders some fonts is different from IE or Firefox (exemple: courier).

For courier, the bold version renders well in Safari, but not in IE or Firefox. And I had to ensure that the font would be normal in IE or firefox, and bold in Safari.

The "#" hack doesn't work with Safari 3 beta, but is the one which is the most popular. The following post offers alternative hacks which work with all versions of Safari:
http://www.evotech.net/blog/2007/06/targeting-safari-30-with-css/

Note: the javascript one is probably the best bet
Safari is the only browser that supports the window property devicePixelRatio. So, similar to that old fashioned document.all, you can browser sniff this way:

<script type="text/javascript">
isSafari3 = false;
if(window.devicePixelRatio) isSafari3 = true;
</script>

Other solutions rely on the fact that some CSS properties are only supported by Safari at the moment (but may very well be supported in the future).

-------------------------------------------------------
Conclusion: only use safe web fonts. Once you start looking into using non standard stuff, you get into a lot of hassle....

Tidy up your CSS. Keep specificity in mind

2007-11-28T12:06:00.001Z

I had to clean up a large CSS file recently (actually made out of 5 different style sheets), for a large website. The CSS had become totally unmaintainable, and tackling the CSS from scratch was necessary.

This is a bit of a daunting task, and turned out very challenging. I ended up writing a guideline for this type of job, ensuring that I had a process available next time I have to do this again, or ask someone else to do it.

One of the most painful task was to solve conflicts. And I recently found a article summarising the issue very well:
http://www.htmldog.com/guides/cssadvanced/specificity/

- p has a specificity of 1 (1 HTML selector)
- div p has a specificity of 2 (2 HTML selectors; 1+1)
- .tree has a specificity of 10 (1 class selector)
- div p.tree has a specificity of 12 (2 HTML selectors and a class selector; 1+1+10)
- #baobab has a specificity of 100 (1 id selector)
- body #content .alternative p has a specificity of 112 (HTML selector, id selector, class selector, HTML selector; 1+100+10+1)

If you keep these rules in mind when you create your CSS file, you'll be able to structure it well, limiting the risk of conflicts.

If you have to assess an existing CSS document, pay attention to all nested document, and restructure first the CSS document in order to reflect this.

Other related articles & tools :: CSS specificity
- http://www.stuffandnonsense.co.uk/
- http://www.w3.org/TR/CSS21/cascade.html: which also describes inheritance, etc ..
- http://www.rebelinblue.com/specificity.php: nice little tool indicating specifity calculation for each item of your CSS

online website benchmarking

2007-10-03T13:07:00.000+01:00

Just wanted to post a few tools I have been testing recently, and that I have added to our set of online tools when assessing websites:

http://juicystudio.com/services/readability.php
How readable is your website -

http://www.websiteoptimization.com/services/analyze/
speed analysis

http://www.websiteoptimization.com/services/analyze/
accessiblity analyser

http://www.urltrends.com
good SEO overview of a site

testing new developers (PHP, OO)

2007-10-03T10:44:00.000+01:00

It has been a real challenge in the past to find PHP developers with solid Object Oriented programming skills. I have come up with a test, which I think is pretty good at spotting potential weaknesses:

TEST:
Brief: we need a parser which will replace a list of keywords in the following text with links:
‘welcome to my testing page. My <strong>website</strong> is about advanced Object Oriented Programming in PHP, and provides <a href="”/guidelines”" title="”guidelines”">guidelines</a> about how to become an expert in this area. I would recommend you to read “PHP 5 Objects, Patterns and Practice” before <span title="”guidelines”">browsing</span> further the guidelines section. This will give you all the basics you need to know before moving to more advanced techniques.’

Keyword 1: “my website” => replace with “<a href="”/link1.html”">my website</a>"
Keyword 2: “guidelines” => replace with “<a href="”/guidelines-home.html”">guidelines</a>"

Rules:
1) Case insensitive (‘test’ => ‘<a href="”test.html”">test</a>’) implies that ‘Test’ should be converted to ‘<a href="”test.html”">Test</a>
2) If the keyword is already linked to a page, should not be parsed and converted to a new link
3) Remove html within the <a> tag

Requirements:
1) This can be coded using PHP4 or PHP5 syntax, but using object oriented approach
2) We will take into account:
a. Well commented code (with no typo errors)
b. Proper use of errors handling
c. Code structure
d. Proper use of regular expressions
e. Good use of inheritance: the class parser should be as generic as possible, and specific rules should be implemented using extension of the main class Parser for instance.
f. Good use of design patterns
g. Set of rules is incomplete: suggestions for new rules will be appreciated (example: only parse text, not tags attributes)

Extra: Ability to configure replacements – an interface should allow user to add/delete/modify keywords and links, and store the list of keywords and related links into the database (or text file), which are then retrieved by the parser.

let me know what you think?

sharing large files

2007-09-17T09:53:00.000+01:00

It has always been an issue to share large files for projects involving third parties - difficult to use emails for 50 Megs files, cannot expect everyone to be fluent with FTP, messengers/skype makes it a veeeeeeery long process to transfer files, and you usually loose version control on the way - The best solution so far was YouSendIt, limited to 100 Megs transfers though (free accounts).

Just came across a nice bit of software which may sort this out: http://www.collanos.com/

Free to download, it uses P2P technology, which is specially suitable for large files transfers. Worth checking out.

About Laziness, Impatience and Hubris

2007-09-08T16:22:00.000+01:00

Laziness, Impatience and Hubris can be considered as very good qualities for a programmer, as pointed out by Larry Wall in "Programming Perl".

Laziness: you don't want to do the same things again and again - and you start coding useful libraries.

Impatience: a good programmer will always try to find ways to work faster.

Hubris: Finally, a good programmer wants to be praised not only for results, but for the quality of the code he is writing.

This is all very true for professional coders, who have a solid background in programming. but certainly not true for everyone.

Website programming is probably the best example: I have met many professional web designers who have never taken a single programming course during their curriculum, and ended up doing web design, simply because the financial reward is very high compared to the time you need to invest in learning how to build a website. you just need a few month learning the basic of dreamweaver, and can claim the same wages as a C programmer working for embedded systems, and who has studied IT for years.

I am not saying here that people HAVE TO study it for years before being able to sell their services as web designers. However, I would strongly recommend them to avoid considering Laziness, Impatience and Hubris as qualities really.

Laziness: "cannot be asked to understand what this bloody code does - but it's taking me so much time to fix all these bloody rendering in different browsers - let's charge client double for all the hassle I am going through." OR "I cannot be asked to build a new design from scratch" - let's steal the design from an other site and cross fingers that my client has never come across it before.."

Impatience: "ok, this should be good enough, I really need to get the money in now, and I have already put too much time into this project now! I cannot carry on fixing bits and pieces for ever, need to pay my rent as well!" OR "pffu, didn't expect this to be so complicated to implement. And there are so many other clever things I have seen on other websites and which I would like to try out - let's stop working on this, this is good enough, I want to work on something new, more exciting"

Hubris: "These bloody clients don't understand how hard it is to build websites, and how clever you need to be in order to achieve results - if something is wrong and I try to explain them that there are extremely complicated things involved such as box model, table vs div layouts, etc .. but obviously they don't understand, they just want their website to work" OR "I have just created a website without using a sigle table, amazing!".

cost effective web design process

2007-09-08T15:23:00.000+01:00

Clients and sales propects often ask me: how can you be so cheap compared to your competitors?

Let's give some pointers: the key is to identify each step of the process and address is with a different resource.

The usual process we follow for building websites at Jazar are:
1) Information architecture: how is the information going to be organised, navigation, sitemap, etc ..
2) front-end design: look and feel, html/css templates, javascript
3) backend integration: intergation to the content management system, adding specific modules (polls, shopping cart, etc .. )
4) Testing
5) release
6) finalise the build and release process for maintenance purpose

It can be a complex workflow for large websites, but depending on your expectations, a simple site should never cost more than £1000 to build (no custom development, simple information architecture, no software release process, no expensive maintenance):

step 1: Infornmation architecture
You should already know which products and/or services you want to present on your site. Just look at the way your competitors organise the information:
1) Check our their sitemap
2) Duplicate it, replace their products/services with yours
3) Try to find something which you can improve, and modify your sitemap accordingly (nothing wrong with taking copying, as long as you add 5% of your own creativity - no need to reinvent the wheel)
4) Submit the brief
-------------------------
FREE

step 2: "front-end design"
You can pretty much divide this step into 3 sub categories: graphic design, html/css integration, javascript add-ons.

If you don't have staff or freelancers available, you can always use online resources:
1) graphic design: www.sitepoint.com (budget: £250)
2) html/css integration: http://www.psd2html.com (budget: £200)
3) Javascript add-ons: don't need for a simple website.
-------------------------
Total: £450

Step 3: CMS integration
We typically charge £450 for CMS integration. This gives you then the ability to manage the content of your site later, without depending on us to do the work for you. We are not taking any risk here, just setting up the tool for you. No subjective output, no particular testing required, we outsource most of it, so Jazar is still making decent margins...

You end up with a site worth £900 - and you have paid £900 for it. Don't laugh - I have seen quotes ranging from £2000 up to £25000 for the same brief! The Internet is very new market, and it is challenging to really know what you buy - and it is quite challenging to know how much your website is really worth.

So, thanks to my little article, you start getting an idea about how to assess what you should pay for your website. Is it helpful? Of course it is. But the real question should be: what do you want to do with your website, and how much should you be ready to pay in order to reach your objectives?

With a £500 car, you will probably be able to go and do your shopping for a while, drive around to go and see your friends around, or even drive away for the week-end. But you'll never be able to qualify for a formula 1 race.

That's pretty much the same idea with websites - don't expect to generate many sales leads with a £900 website - you'll probably need to invest a bit more in information architecture, custom development and marketing.

Running out of time now to go through this, but will probably carry on offline (on our corporate site), since this post could turn very quickly into a sales pitch...

BT gets into search engines marketing

2007-09-04T10:23:00.000+01:00

Just came across BT website for small and medium businesses today - and amazingly enough, they are providing a range of web design and online marketing services for business: http://www2.btbroadbandoffice.com

Website build services

	Features	Price
BT eShop build	20 hours development time to include full ecommerce implementation for your business using BT eShop software, site design, training on updating and managing your online store. 2 Weeks ongoing support included for ad hoc fixes and feature training.	£849.00 (ex

This makes it £40/h for development cost + 2 weeks ongoing support, site design training for free.

Will need to dig a little bit in - it is very likely that they are outsourcing most of these services - wonder how the deal works.

They have got an extensive range of other services which I didn't take the time to test yet - just joined their BT tradespace and create my own trade space

Tip 1: Choosing content for adsense ads

2007-08-22T11:33:00.000+01:00

I keep sharing tips everyday with colleagues, friends and clients, and thought that it would actually be a good material for this blog. Instead of just keeping this blog as a log file, and writing only about things I come across and find interesting to blog about, I thought I could also post some daily tips about web development, web design or online marketing in general.

Here we go - the first tip is how to optimise your content for Google Adsense. You may want to control what content Adsense should base their results on. In the old days, you just had to hope that your page was semantically making sense, and that it would pick up the right keywords.

you can now specify which content you want to be used for the ads:
https://www.google.com/adsense/support/bin/answer.py?hl=en&answer=23168

You may think - oh right, well, let's put " secured loan" as content and make £1 out of each click. Why not, but if your site is about gardening, it is not very likely that people will click very often on the links displayed by google about "secured loan".

On the other hand, it is very useful to optimise the revenue you make out of your ads.
1) GO to adwords
2) Select the topic of your page: "my topic"
3) Use the suggestion tool to check out what are the most expensive keywords for this topic
4) Stick these keywords in the google ad section of your page.

Forrester CEO and Web2.0

2007-08-08T08:51:00.000+01:00

When the CEO of Forrester talks about Web2.0, it is worth the read.

1) engage with your customers:
Georges Colony recommends using a corporate blog to connect with customers.

2) make sure that your site is run effectively
- Do you use scenario design? A slick design is one thing. But does it make sense? Do designers goals is to meet specific objectives, and drive the user to purchase your services/products or is it just looking good without any purpose.

3) Do you use personas? Defining what people will do on your site, and how to ensure that you make it as easy as possible for them can be addressed through scenario design. but who are your customers. By building personas, you can then draft different scenarios according their profile, and address the specificities of each user.

3) Would you recommend this product or service to a friend or colleague?
This is the one question to ask in order to improve customers satisfaction and retention. Once your customer has purchased something from your site, capitalise on him/her, and turn your visitor in a promoter.

The conclusion of the article is "Great marketing + Great technology = the only way forward. ". I would have added an addtional section about how to drive traffic to your site. This article takes as granted that you have got people visiting your site. But a great site is also a site bringing in new visitors (SEO friendly, supporting affiliation strategies, etc .. ). Without visitors in the first place, this is a bit like making a great car but keeping it in the garage.

Sounds easy ..

2007-06-15T19:15:00.000+01:00

I was reading about Truemors today, and how Guy Kawasaki used a simple idea to build a hype website.

The site itself could probably be build in a few days, and would cost £0 to a developer . And he could probably have convince a fellow developper to do just that in exchange of shares in his company. So the point is not really how far you can crunch the numbers.

Or is it?

The article is about how easy it is to build a successful "WEB2.0" website, and make money out of it. No need for a business plan, for investment, or even .. hard work. so... "web2.0", "how to make money online", "become rich without efforts"... same message as the 5 spam emails I receive on a daily basis, the infamous magic potion.

Guy Kawasaki is not the guy from next door, who has saved a few $1000 and decided to build a site for fun. He is a professional hype maker, and has been making a living for a while as an "evangelist", writing books, etc ...

So, when he is saying "Life is simple when you can launch a company with a credit-card level debt." I would take it with a pinch of salt - don't run a credit card debt just yet for a website such as truemors. If you are a good earner such as Guy, and if you have a few £1000 to waste, then go for it, could be fun. but if you don't have any knowledge of marketing, no huge savings to play with, DON'T DO IT! IT IS NOT EASY. Play the lottery instead, you may stand a better chance.

Lighboxes and galleries - state of the art

2007-05-26T18:30:00.000+01:00

Great summary of different scripts one can use to add galleries on a site on smashing magazine

Lot of work has be carried out by designers to manage galleries through CSS - but a bit of javascript enhanced significantly the experience, specially if you want to add some meta data (tags, descriptions, etc .. )

In my opinion, thickbox, which uses Jquery framework, is probably the best selection.