Toronto Titans Hockey

Team Sites  •  General Information


This page presents information about the design of the site:

Note : the site was tweaked in early 2010 to bring it up to modern design standards. For example, the font size was increased to the size which the user prefers.

Design Criteria

Notable design criteria include:

  • The site must satisfy the five primary user needs: it must (1) offer what the target audience wants, (2) be kept up-to-date, (3) load quickly, even for those with low-speed connections, (4) be easy to use, and (5) be accessible. Note that the need to load pages quickly puts serious constraints on the design: graphics must be kept to a minimum, and graphic files must be kept small, so the site is not as visually impressive as it could be if page load times were not important. Note also that the need to load pages quickly may conflict with what the target audience wants: some pages load slowly because the team demanded that the page contain slow loading materials, e.g. large photos.
  • The site’s design must make it easy to add team sites and to integrate with other sites related to the Toronto Titans, e.g. the official Toronto Titans Hockey Club website, and team sites made by others.
  • The site must be coded in strict compliance with modern coding standards. The code has been validated to the xHTML 1.0 Strict Recommendation, and also to either the CSS 2.1 or the CSS 3 Specification.
  • The site must use as many standard components as possible, to reduce costs: e.g. key components for managing a team’s calendar are the same as are used to manage other team calendars.
  • The site must work with all common browsers, but not with ancient browsers no longer supported by their makers, and need not look as good either for older browsers that support coding standards poorly, or for any browsers with JavaScript disabled.
  • The site must use the Titans’s colours — blue, gold, and grey — as its predominant colours.

The site must also enable the designer to explore new design concepts and techniques to better meet the above design criteria, and to develop new features that may be used in future sites.

Browser Issues

Different browsers will inevitably display pages somewhat differently, with newer browsers displaying pages better than older, more primitive browsers will. Older versions of Internet Explorer will be the poorest at displaying pages.

Browsers must have JavaScript enabled for pages containing information extracted from schedules, which for team sites includes such pages as the calendar and tournament pages. Browsers must likewise have JavaScript enabled for pages with interactive photo galleries. If JavaScript is not enabled, messages will appear advising the user how to enable JavaScript.

This site does not support extinct browsers: they lack critical features and have such serious security defects that people should not be using them. For more about this, read Why Update?

You can find up-to-date versions of browsers in the Browser News.

Since this site is designed strictly in compliance with website coding standards, future browsers that support these standards more completely will work even better with this site.

Page Layout

Displayed Pages

Each page is as wide as the browser window, but won’t exceed 55 ems: this limit, which mainly affects those with high resolution monitors, makes pages easier to read. Exception: Internet Explorer 7 and old browsers don’t support the coding standard which permits a limit to be set, so won’t honour the limit.

The font normally used for header text is the first available font from this list:

  • Rockwell
  • Georgia
  • Times New Roman
  • Times

The font normally used for body text is the first available font from this list:

  • Univers
  • Arial
  • Helvetica
  • Tahoma

If you lack a font that a web page wants, your browser picks another font.

The font size is based on the user’s default setting, and therefore is larger for those who prefer larger text, and smaller for those who prefer smaller text. The font size for body text is one size smaller that the default; the size for small text (such as is found in sidebars) is two sizes smaller.

Printed Pages

Each page is fitted to the paper size.

Only the content of a page is printed: the masthead and menus are not.

To minimize printing costs, text is printed in black and white wherever possible.

Parts of pages may be blank unless your browser is set up to print backgrounds; see the FAQ to learn how to do this.

Calendars should be printed in landscape mode. Note: the calendar for each month should appear on a separate page, but browsers vary in their ability to ensure this.

The font used is the first available font from this list:

  • Times New Roman
  • Times

If none of these fonts is available, the browser’s default serif font is used.

The font size for body text is 11pt; the size for small text (such as is found in sidebars) is 9pt.

Top of page