About Voorschoten '97 Athletics site
About Athletics part of www.Voorschoten97.nl
The Voorschoten '97 site uses OpenCms as its content management system.
The athletics part is based on modern web standards: XHTML 1.1, CSS 3 and javascript (ecmascript).
The main inspiration to follow the web standards comes from the book Designing with Web Standards from Jeffrey Zeldman.
Xhtml
The html-pages of the athletics part are intended to be compliant to XHTML 1.1:
But the doctype and head is adapted to show it as HTML 5.
The site of Voorschoten '97 is intended to be HTML 5 compliant.
CSS
The stylesheet is /system/modules/nl.voorschoten97.website/resources/css/layout_3col.css .
That css is based on the Yaml-CSS framework.
The stylesheet is css-3 compliant:
javascript
There is a custom built javascript in /system/modules/nl.voorschoten97.website/resources/menu.js.
It supports the following functions:
- Show the current page and submenu's in the menu (based on the current page).
- Link to an external site using rel="external"
The first function makes it possible to use the same menu throughout the athletics part of the site, but shows always where the user is.
All menu choices point with relative links to html files in the main athletics directory.
The second function is copied from the book The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks by James Edwards & Cameron Adams.
tools
The main tool to check for valid content is HTML Validator in Firefox .
Series of photo's are transformed using Irfanview .
Testing is/was done in Internet Explorer, Firefox, Chrome, Safari , Opera and Edge.
To test the css and the javascript I used mainly Firebug in Firefox.