Here is a collection of my JavaScript Projects and tests. Most of the tests below will require a browser that is capable of rendering up-to-date HTML5 and CSS3.
This page makes use of some interesting technology to allow it to degrade gracefully on older browsers and small screens. This page has also been designed to work on systems running without script or image support and attention has been paid to accessibility recomendations.
Design Goals
This web page should maintain a satisfactory level of display correctness and functionality on:
-
All Internet Explorer versions down to and including 5.5.
-
Browsers with JavaScript / ECMAScript disabled.
-
Browsers with images disabled.
-
IOS devices (iPhone, iPad).
-
Systems with screen width as low as 200 pixels.
Techniques Leveraged
-
JavaScript tabs have a PHP/Anchor Link fallback.
-
Title image and its ALT text are wrapped in a <h1> heading tag.
-
IE targited CSS using IE conditional comments.
-
Resolution targeted CSS using CSS3 media queries.
-
Systems with screen width as low as 200 pixels.
