Digital Pacific Company Blog

Useful tips on web design, hosting, marketing and more…

Posts Tagged ‘browser compatibility’

10 things you should do just before your website goes live

Tuesday, June 15th, 2010

There’s nothing quite like launching a new website. It could be days, weeks or months in the making. Hours may have been spent combing through each and every word, perfecting the message sent across to visitors. Even more time might have been spent playing around with colours and image placement. You may think you’re ready to go live, but are you really?

Any webmaster knows there are a lot of little details that need to be looked at when putting a website up, including everything from checking the links to onpage SEO. With so much on your plate, it is easy to forget a thing or two, so here is a handy list that can be used as a reminder.

1. Create a Favicon.ico

A favicon rounds out a website’s image, providing the tiny icon that can be found in your saved bookmarks, and at the top of browser tabs. Imagine the little “t” for Twitter and the “f” for Facebook. You can create a favicon of your own, and this tutorial will tell you how to do it.

2. Research your website’s colours.

You may not realise how much your website’s colours can impact a Web visitor’s experience until you read the Choosing Website Colours guide. There is definitely more to consider in regards to your palette when you think about your target audience and the cultural meanings of colours.

3. Check your links.

Broken links are links that take you nowhere. The page can either not be found, or it never existed in the first place. The most common cause of broken links is a simple misspell, but sometimes websites switch things around, or simply close down. You should use the W3C Link Checker from time to time to make sure your links are active.

4. Validate your website.

Beyond checking links, it is imperative to check your website’s code and CSS. Simply access the W3C website and type in your URL to see if your site is up to standards.

5. Check your website in all browsers.

The joys of a multi-browser world: what looks good in one, might look completely different in another. It would be a shame to come to this realisation just before launch, so it is always best to check your work from the beginning. You can read more in this article about browser compatibility.

6. Create a robots.txt file.

A robots.txt file is located on your server and tells the search engine bots which pages to crawl (and index), and which to avoid. So, if you want non-pertinent webpages, like login pages ignored by the search engines, then this is the place to specify that. Use this guide to create a robots.txt file of your own.

7. Prevent image theft with watermarks.

If you spent a lot of time and effort getting the perfect images put together for your website, you might want to protect those images by using watermarks. In this way, if people do decided to steal your images, at least it has your watermark on it for some free marketing.

8. Set up your forms to use CAPTCHA.

Spam emails and comments that result from your website can be a huge time drain, and there’s nothing more frustrating than not being productive with your work. CAPTCHA helps to make sure the person leaving the comment or sending the email is not actually a spam bot. Read more about CAPTCHA in the article, Beating Website Spam.

9. Check your onpage SEO.

When it comes to SEO, the basics that should be addressed from the beginning include the title, meta description and meta keywords to name a few. However, SEO is not a one-time activity; the process of optimising a website for the search engines is ongoing. Get some tips and ideas in our DIY SEO Hints and Tips page.

10. Make sure you’re not driving website visitors away.

A while back, we produced a humourous blog posts about all the ways you can make visitors never want to return. Although satirical, it is always a good idea to double check and make sure you’re not committing any of these website crimes.

Get these right, and you’ll be 10 steps closer to a successful website launch. Is there anything we missed that would be helpful? Leave us a comment!

10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live

Browser Compatibility: Checking Your Website

Thursday, October 1st, 2009

Avant 11.7 Chrome Dillo Epiphany
Firefox Flock Galeon Iceape
Iceweasel Internet Explorer K-Meleon Kazehakase
Konqueror Minefield Navigator Opera
Safari SeaMonkey Shiretoko

These are just a few of the web browsers available to web users around the world, but chances are you are using one of two popular options – Internet Explorer or Firefox – and sticking to that specific software. There’s definitely nothing wrong with this practice… until you start to build a website. While things might seem fine and dandy when you’re viewing it personally, web visitors might be surfing right in on another browser and seeing something a bit different.

I’m sorry to be the one to break it to you, but this post will hopefully save some people a little shock in the future. It’s a good habit to check your work in multiple browsers, and we’re going to give you the low-down on the two most popular web browsers in use today, a tool that can help you check your browser compatibility, and ways to fix the issues.

About Internet Explorer & Firefox

The first version of Microsoft’s Internet Explorer was released way back in 1995 and has been dominating the browser world ever since. The software has been bundled with the Windows Operating System, and being the most used OS in production, there is no question as to why this browser has also had such an edge. Internet Explorer has recently released its 8th version with loads of new features, such as Accelerators, that keep IE in the browser competition.

The versions and release dates for Internet Explorer are as follows: 1.0 (1995), 2.0 (1995), 3.0 (1996), 4.0 (1997), 5.0 (1999), 6.0 (2001), 7.0 (2006), and 8.0 (2009).

Firefox’s history only dates back to 2004 when version 1.0 was released by the Mozilla organisation. Unlike Internet Explorer, Firefox is actually an Open Source software. What this means is that the code is available to a team of volunteers who are able to update and change things as necessary. This flexibility tends to give Firefox a bit of an edge over IE in the way that threats and other security issues are monitored and addressed. In addition, the organisation boasts full customisation capabilities with add-ons to the browser to suit anyone’s web surfing needs. Fancy Ebay, social networking or blogging? There’s definitely an add-on for that.

The versions and release dates for Firefox are as follows: 1.0 (2004), 1.5 (2005), 2.0 (2006), 3.0 (2008), and 3.5 (2009).

Browser Usage Broken Down

According to Firefox’s website, the recent version has been downloaded nearly 221,625,700 times worldwide, and that number is still counting. Unfortunately for Mozilla, that number must not nearly compare to the one in play by Microsoft when you take a look at the information provided by Net Applications’ Global Market Share Statistics program. Take a look at the information in the charts below (click for larger image):

Browser Compatibility: Checking Your Website
Browser Compatibility: Checking Your Website

Month Internet Explorer Firefox Safari Chrome Opera
November, 2007 79.49% 15.45% 2.32% 0.00% 1.93%
August, 2009 66.97% 22.98% 4.07% 2.84% 2.04%

Even though the percentage of users on Internet Explorer has dropped around 13% in the past 2 years, it is still topping out the next leading browser, Firefox, by a whopping 44%! Firefox, on the other hand, has actually seen an 8% growth in the past two years. That, along with the small increases from other web browsers, such as Safari, is starting to bring more competition to Microsoft.

Different Browsers Display Websites… Differently?

Yep. It’s true, and it has been the cause of many headaches for many people across the globe for years – especially web designers and developers.

The reason is that both Firefox and Internet Explorer (and other browsers) can have slight differences when interpreting a website’s code.

If you’re wondering what you can do, we would suggest testing your website in as many browsers as possible. Luckily, Browser Shots can take care of the dirty work for you and take some screenshots of your website across a range of browsers, allowing you to scrutinise the details afterwards.

I know it sounds like a messy bunch of time-consuming work to make sure your website is cross-browser compatible. Ugh, right? Well, the point we’re trying to make here is to at least try and make your website look as best as possible for the most popular web browsers, which at this time is IE and Firefox (with a growing number in Safari) so you can cover most of your bases on the web.

Solving Compatibility Issues

Seeing how this could be a whole blog post, no – a whole book, in itself, we’re just going to leave this section with a brief summary. Since so many people have been battling the browser war for years, there are now plenty of hacks available to combat common issues in design. The best places to look for these hacks are in the search engines and on webmaster / design forums. The good nature of people on forums these days will often help you diagnose and resolve your compatibility issues, provided you respect the rules of a forum and be specific with your problem. Compatibility issues can vary greatly from small alignment issues to the entire website looking odd.

Designing for a Specific Browser

I’ve come across a few websites that clearly display that their website was designed for one specific browser and is best viewed in that one alone. How do you feel about that? Does designing a website for a specific browser alienate some web visitors?

What do you do? Do you know of any great hints and tricks for helping with this issue?

Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website Browser Compatibility: Checking Your Website