web design tips
 

web design tipsThere's More than One Web Browser.

If you're like 90% of web users, then you use Internet Explorer, Microsoft's web browser. Why? Well, because it comes with Windows, usually, and it's there on your desktop when you first want to use the web. When you're creating a website, however, you have to consider the other 10% of the web's users - the ones who use alternative web browsers. If you don't test your site in each one of these browsers, you might be in for a nasty surprise when a large part of the web can't use it. Here's a guide to the most common alternative web browsers.

Mozilla.

While Mozilla is a web browser itself, it is also an engine (Gecko) that powers a lot of other web browsers. The Gecko code is free and open-source, created by Netscape, and is currently Internet Explorer's biggest competitor. It works on
Windows, Mac, Linux, and almost everything else out there.

The advantage of Gecko is that if you've tested with one of the Mozilla browsers, your site should work on all of them. The Mozilla browsers include Mozilla Firefox, Netscape, Camino, Kmeleon, and lots of browsers for the Linux operating system. You'll probably find it easiest to download Mozilla Firefox from getfirefox.com and test your website using that.

Opera.

Opera is, in many ways, the alternative alternative browser, for people who are too odd to even want to use a Mozilla browser. It's very much a niche product, developed by a small Norwegian company, and many more technical users like it because of its constant innovation when it comes to features - anything you like in another web browser was probably available in Opera first. Opera is for Windows, Mac and Linux.

You can download a free version of Opera from opera.com. It has ads, but it's perfectly fine for testing. If you like Opera enough to actually use it for your own web browsing, you can pay a one-time fee of around $40 to remove the ads.

Safari.

Safari is now the official Mac web browser, which means that it's important to test on it if you want Macintosh users to be able to see your website. Unfortunately, Safari doesn't run at all on Windows.

However, Safari uses the same engine as a browser called Konqueror, which can run on PCs on the Linux operating system. Linux is free, and you can easily download it, burn it to CD, and run it straight from the CD. Knoppix (www.knoppix.com) is a popular and easy to use kind of Linux for this purpose.

Alternatively, if you don't want to mess around with a whole other operating system, you could try a service like BrowserCam (www.browsercam.com). They will load your website into many different browsers, and then send you pictures of it to let you see if there are any problems that need to be fixed. Because of the bandwidth and the number of computers that have to be involved, though, most of these services aren't free.

Lynx.

Lynx works on a lot of very esoteric operating systems, but works fine on Windows too. It's a text-only browser, and it pays no attention to layout or graphics. You can download Lynx at lynx.browser.org.

Why would anyone want that, you wonder? Well, Lynx is mostly popular among blind people who use screen-readers to turn web pages into speech. How well your web page works in Lynx is often considered is often considered to be a test of how accessible it is to anyone with disabilities, as well as to anyone who turns off things like Javascript in their browser settings.

The very worst sites will come back with a message telling users to download a supported browser when they're visited in Lynx - never do this. You should be aiming to make sure that Lynx users can see a basic, text-only version of your site, with easy-to-use navigation. If your site doesn't support this, then it's probably breaking all sorts of disability discrimination laws, and you should fix it as soon as you can.

For more information, you might like to visit the Viewable with Any Browser Campaign at www.anybrowser.org/campaign.

Writing for the Web

The Art of the Logo

The Case Against Flash

Why Doing It Yourself is Best

The Many Flavours of HTML

 

Web Design
5 Simple Steps to Accepting Payments.
5 Ways to Avoid the 1998 Look.
6 Reasons Why You Need a Website.
7 Ways to Make Your Web Forms Better.
A Question of Scroll Bars.
Ads Under the Radar: Linking to Affiliates.
AJAX: Should You Believe the Hype?
All About Design: Principles and Elements.
An Introduction to Paint Shop Pro.
An Issue of Width: the Resolution Problem.
Avoiding the Nuts and Bolts: Content Management Software.
Beware the Stock Photographer: Picking Your Pictures.
Building a Budget Website.
Building Online Communities.
Clean Page Structure: Headings and Lists.
ColdFusion: Quicker Scripting, at a Price.
Column Designs with CSS.
Content is King.
CSS and the End of Tables.
Cut to the Chase: How to Make Your Website Load Faster.
Designing for Sales.
Designing for Search Engines.
Dreamweaver: The Professional Touch.
Encryption and Security with SSL.
Finding a Good HTML Editor.
Focus on the User: Task-Oriented Websites.
Fonts are More Important Than You Think.
Free Graphics Alternatives.
FrontPage: Easy Pages.
Hints All the Way.
Hiring Professionals: 5 Things to Look For.
How Databases Work.
How the Web Works.
How to Get Your Website Talked About on Blogs.
How to Install and Configure a Forum.
How to Make Visitors Add You to Their Favorites.
How to Run Ads Without Driving Visitors Crazy.
How to Set Up Your Hosting in 5 Minutes Flat.
IIS and ASP: Microsoft's Server.
Image Formats: GIF, JPEG, PNG and More.
It's a World Wide Web: Going International.
JSP: Java on Your Server.
LAMP: The Most Popular Server System Ever.
Making Friends and Influencing People: the Importance of Links.
Making Searches Simple.
Offering Free Downloads on Your Website.
Opening a Web Shop with E-Commerce Software.
tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
Perl: Cryptic Power.
Photoshop: a Graphic Designer's Dream.
Picking a Colour Scheme.
Printing and Sending: the Two Things Users Want to Do.
Putting Multimedia to Good Use.
Python and Ruby: the Newer Alternatives.
Registering a Domain Name.
Registering Your Users by Stealth.
RSS: Really Simple Syndication.
Setting Up a Mailing List.
Setting up a Test Server on Your Own Computer.
Some Places to Go For More Information.
Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
Taking Your Website Mobile.
Text Ads: Unobtrusive Advertising.
The 5 Principles of Effective Navigation.
The Art of the Logo.
The Basics of Web Forms.
The Basics of Web Servers.
The Case Against Flash.
The Confusing World of Web Hosting: Making Your Decision.
The Evils of PDFs.
The Importance of Validation.
The Many Flavours of HTML.
The Smaller, the Better: Avoiding Graphical Overload.
The Top 10 Biggest Web Design Mistakes.
The Web Designer's Toolbox.
The Web is Not Paper.
There's More than One Web Browser.
Time for User Testing.
Titles and Headlines: It's Not a Newspaper.
Tracking Your Visitors.
Understanding Web Jargon.
Uploading Your Website with FTP.
Using Flash Sensibly.
Using Quizzes and Games to Get Traffic.
VBScript: Javascript Made Easy.
Websites and Weblogs: What's the Difference?
What Do You Want Your Website to Do?
What You See Isn't Always What You Get.
Which Database is Right for You?
Why Doing It Yourself is Best.
Why Java Will Drive Your Visitors Away.
Why Word is Bad for the Web.
Why You Should Put Your Content in a Weblog Format.
Why You Should Stick to Design Conventions.
Working With Templates.
Writing for the Web.
GoogleSense
Making Money with Articles
Webhosting
RSS
Reading RSS Feeds with an RSS Aggregator