Once you’ve created your website, you want to make sure as many people as possible can see it. There are several technical steps you can take to ensure your website is attracting the attention it deserves.

Make sure it’s browser compatible: Check your website in as many browsers as possible. Every browser has different ways of reading things which means that something which shows perfectly in Internet Explorer may not display properly in Firefox. Making sure your website design can be seen across the widest variety of browsers will ultimately gain you more visitors.

Set up a test server: You should never edit a website live, or throw something up online which hasn’t been tested. Once your website goes live, everything can be seen online, including any mistakes in the draft. A mistake-free site is one of the easiest ways to impress customers, attract search engine attention and gain rankings.

Back up your site: You never know when your site will be the victim of a server outage, or a hacker. Both occasions can, in their most extreme circumstances, result in the need to re-establish the site. It’s rare that this happens, but if it does, back-up is essential to get the site online again quickly, to minimise disruption and avoid missing out on lost business.

Be wary of Flash: Although Flash is popular now, it’s never a good idea to base your entire site design on its usage as it does cut out a proportion of visitors. A substantial number of people don’t have Flash – and they won’t download it just to access your site!

If you’re looking for help with accessible website design, contact NS Design for a free no-obligation consultation.

I have come across quite a lot of articles recently discussing including custom fonts in web pages. With typography playing such a key role in design, it continues to be one of the major restrictions designers face when designing for the web. When the web world wide web first began the focus was on hyperlinking and allowing access to other documents but considering how far the web has come today and all that is possible, font embedding seems like a basic idea. The biggest underlying issue seems to be managing the distribution of copyrighted fonts. Sifr offers a very useful solution to the issue for the time being, allowing font replacement through the use of Flash. It is accessible across browsers and the text can be selected on the page though some minor drawbacks have been highlighted. Some of these are:

- The inability to alter kerning of the characters.

- Flash has often been criticised for its poor anti-aliasing and this can sometimes show on the rendered text.

- Sifr can be tricky to setup and get working correctly.

- Sifr fonts cannot be scaled when you change the size of font in the browser. It only changes when the page is reloaded. Some consider this quite a serious usability problem, though because Sifr is mostly used on headers and large areas of text that probably wont require scaling, this is debatable.

- It requires the user to have Flash though nowadays almost 95% of web users have this.

A convincing alternative to Sifr which I came across recently is Cufon developed by Simo Kinnunen . The aim of Cufon was to achieve the same effect as Sifr without the need for additional software. Some specific requirements were set out when it was being developed. These were:

- No plug-ins required – The font should be able to be displayed without flash and using only the users standard browser. Cufon uses javascript to render the font.

- Compatibility – It had to work on all browsers. This has been achieved with Cufon displaying correctly on IE6, IE7, IE8, Firefox and Safari.

- Ease of use – configuration and setup for Cufon is minimal compared to Sifr.

- Cufon loads faster than Sifr with no flickering, even for larger areas of type.

Cufon works as an interface to Fontforge so it creates an SVG font based on the source font, converts it to VML(as IE only supports this), then is rendered using an engine written in javascript. The rendering engine outputs two versions of the font, one in VML shapes and one using the new HTML5 canvas tag. The font can be loaded into the file easily using the normal <script> tag. The font compresses well also for a minimal file size. The advantages are convincing, however little study has yet been done on accessibility of Cufon and scaling etc yet. Also until the issue of distributing copyrighted fonts is resolved it could be a while till custom fonts become common practice.

http://cufon.shoqolate.com/generate/

One of the important concerns to web designers is striking a balance between the creative aspect of a website in terms of style and media and being able to implement the design into an accessible and standards compliant site which can be read by search engines. Web technologies have come a long way in a short time in helping to achieve this with xhtml, css and javascript providing a more flexible way of realising ideas while maintaining clean, structured code and accessibility standards. More recently newer developments are becoming available which are pushing the possibilities of the web and raising the bar in the flexibility designers and developers have. As long as the ideas keep flowing on what we would like to achieve on the web, the technology will continue to advance inorder to match this.

CSS3

Css3 has been in development for a few years but is now beginning have some of its features supported better. There a number of interesting features which have been developed to meet design trends, so as to make the implementation of these stylings easier, though many of them are still currently unsupported by browsers, especially Internet Explorer. Some of the features include:

- Multi column allows the developer to position blocks of text in several columns similar to print.

- Rounded corners can be achieved on elements by setting a radius on the corner.

- Border images allow the developer to create custom shaped elements by setting graphics for each corner and sides of an element.These 3 features are only currently supported in Firefox and Safari 3.

- Border color allows gradient borders to be used though are currently only supported by Firefox.

- HSL colors have been introduced, which aswell as setting the colour also allows you to set the hue, saturation and lightness of colours, providing a lot more flexibility in colour schemes. So far this is supported by Opera 9.5, Safari 3, Konqueror and Mozilla.

- One of the most popular features of css3 is opacity. This can be set on different elements allowing a gradient effect to be achieved. This is supported by most browsers except Internet Explorer.

- Box sizing is an interesting one as previously padding and borders were always added to the width of an element but now can be added inside a div. Firefox and Safari support this with the prefix -moz- and -webkit- respectively though Opera simply works with box-sizing.

- Font-face was included in css2 but was only supported by Internet Explorer if an .eot font format was used but Safari 3.1 now allows Truetype or Opentype font to be implemented in designs.

Flash accessibility.

Flash has always been a blessing and curse to both developers and users. It can achieve unique interactive experiences for users and bring a site to life but with search engines unable to extract text or links from the file, it has made flash sites often inaccessible and difficult to index. In the last 6 months it was announced by Google and Adobe that the algorithm Google uses is dramatically changing which will allow text and links from flash files to be read and allow sites to be indexed better in search results. Adobe is developing a flash reader for search engines which will allows the files to be read. Another technology which employs Flash and provides developers with more flexibility in terms of typefaces on the web in Sifr. This is a type replacement technology which allows any typeface to be employed in a website. Its fully accessible with all major browsers and can be read by screen readers.