Teknik för Människor En blogg om njutning, frustration och användbarhet… och en hel del annat också…

Runkeepers webbgränssnitt

Då jag inte är någon löpare försöker jag använda mig av så mycket digitala saker jag kan för att tycka det är roligare än vad det egentligen är.

En av de bästa sakerna är Runkeeper. Med hjälp av Runkeeper sparas all data när man tränar, antingen manuellt eller automatiskt via t ex en iPhone-applikation.

I mitt fall springer jag en del på löpband och matar således in informationen manuellt genom www.runkeeper.com. En väldigt trevlig sajt som fungerar som man tycker en bra sajt borde fungera år 2011. En anledning till att de lyckats göra en så bra implementation av gränssnittet stavas JQuery. Det är ett Javascriptbibliotek som gör webben väldigt rolig.

Lite JQuery-plugins Runkeeper använder sig av:

Tooltips: http://code.drewwilson.com/entry/tiptip-jquery-plugin

Transitions: http://jquery.malsup.com/cycle/

Text inne i textrutor i formulär: http://plugins.jquery.com/project/labelover

Karusell: http://sorgalla.com/jcarousel/

Formulärvalidering: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Textfält som växer: http://www.unwrongest.com/projects/elastic/

Tooltips: http://code.drewwilson.com/entry/tiptip-jquery-plugin

Bild-overlay: http://fancybox.net/

Avancerad easing: http://gsgd.co.uk/sandbox/jquery/easing/

Mouse Wheel support: http://brandonaaron.net/code/mousewheel/docs

Datavisualisering: http://www.highcharts.com/