Unobtrusive Scripting and Advanced UI Techniques

Paul Engel wo 03 sep 2008

The name is Inc, Intridea Inc.
Vanochtend presenteerden Michael Bleigh en Chris Selmer (beiden van Intridea Inc) een aantal voorbeelden in hun presentatie over Unobtrusive Scripting and Advanced UI Techniques in Rails. Even een korte recap van een voorbeeld.

Unobtrusive wat?
Het zal niet vaak het geval zijn, maar er zijn nog website bezoekers die (gewild of niet) websites bekijken in browsers zonder Javascript ondersteuning. Dit is een probleem zijn wanneer je in je webpagina tabbladen wilt implementeren. Als webontwikkelaar zou je ervoor kunnen kiezen om deze groep te negeren. Maar zo zijn we niet, toch? Natuurlijk niet. Je moet daarom de webpagina zodanig bouwen dat de gebruiker ook zonder JS makkelijk tussen de secties (tabbladen) kan navigeren. Het ontbreken van Javascript is dan niet merkbaar voor de gebruiker, in andere woorden: de Javascript is unobtrusive.

Hoe los je dat op dan?
De webpagina moet bestaan uit secties die gemarkeerd worden met anchors en er moeten links toegevoegd worden om naar de secties te navigeren. De Javascript code moet ervoor gaan zorgen dat die gedeeltes zich gaan gedragen als tabbladen. Behalve de eerste, moet elke sectie verborgen worden en de navigatielinks moeten het vertonen en verbergen van secties triggeren.

Benieuwd naar code?
De slides en code hiervoor wordt waarschijnlijk eind deze week online gezet bij de blog van Intridea. Voor gebruikersvriendelijkheid van webpagina’s is dit eigenlijk wel een must.

Gepost in hor |  0 reacties