su

SIMPLE & USEFUL: A guide to web design

In the works:

Here are a variety of ways to present different kinds of information which HTML doesn’t support well, especially, mathematics, information graphics and musical notation, all of which are at various levels of development. None, presently, works across all the web browers.

There are also ways to present, comment on and store information which will be very useful, when they are available to everyone.

Mathematics

MathML

MathML, a way to show mathematical equations in HTML. Presently, these two examples work only partially in Safari and Firefox.

Given the quadratic equation a x 2 + b x + c , the roots are given by x = b ± b 2 4 a c 2 a

Schwinger-Dyson equation ψ 𝒯 δ δ ϕ F ϕ ψ = ψ 𝒯 F ϕ δ δ ϕ S ϕ ψ

Information Graphics

SVG

Scalable Vector Graphics is a vector-based format and a part of HTML. It has great potential in many different ways: information graphics, diagrams, fonts, animations etc. The support on different browsers without using a plug-in varies a great deal, making working with it difficult.

Below is the same file presented in the <object> <embed> <iframe> tags and as inline svg.

     

The inline file does not work Internet Explorer 8 and and the other three don’t work in some of the mobile browsers. (Works now in Opera 11.6, the newest version - 6.11.11)

Canvas

Canvas is well supported, but it is new and it is difficult to say how accessible the work in it will be. Bruce Lawson, in Introducing HTML5, p. 139, says, that because of accessibiliy questions, “I recommend that for the time being, Canvas shouldn’t be used for user interfaces, or the only way to communicate information.”

Music notation

Music Encoding Initiative

An intiative that has been in development for some time. It looks promising, but isn’t supported yet.

Formatting and interaction

<details> and <summary>

New in HTML5, a way to conceal and reveal long text documents and other kinds of information – like the credits about a reproduction of an art work. It presently works only in Chrome and related browsers. Dubliners example, Essays example

Comments

New in HTML 5 – I have been unable to get it to work in any browser, it will be very useful once it is supported.

Working off-line

Cache Manifest

Cache Manifest is a developing standard, included in HTML5, which will, when it is available on the different browsers, make it possible to make material available when someone is off line by storing it in their cache.

Cache Manifest Validator

Voice enabled applications

Another developing area - here is a link to one, Adhearsion.