html-utvikler

I all Ajax-entusiasmen er det lett å glemme de grunnleggende javascript-teknikkene.

Lenge ble javascript sett på som en skjør og problematisk teknikk, man burde bruke med forsiktighet. Så kom Ajax, og vips var javascript stuerent. Men, problemstillingene du må håndtere er de samme som før: bugs i nettleserne, søkemotorer som ikke finner innhold, back-knapper som ikke funker, vinduer som ikke vises, redirects som aldri skjer etc.

I lys av dette er det nyttig å ta ett skritt tilbake til tiden før Ajax-hysteriet, og se på en av de viktigste javascript-teknikkene.

Unobtrusive javascript

Teknikken er like enkel som genial:

1. Fjern all javascript fra html-koden
2. Lag en javascript-funksjon som søker gjennom all html-kode, og plugger inn javascriptene for deg.

Uvant og vanskelig? Heldigvis finnes det mange flinke folk der ute som lager slike script.

Hva med konfigurerbare popup-vinduer a’la dette:

<a href="http://www.vg.no" class="popup">vg</a>

Sjekk: Unobtrusive Javascript Popup Windows (demo)

Eller sorterbare tabeller slik:

<table class="sortable-onload-3 rowstyle-alternative no-arrow">
[..]
</table>

Sjekk Unobtrusive Table Sort Script (demo)

Test det ut! Når du først har begynt å bruke slike scripts vil du aldri tilbake til html-javascript-spagettien fra gamle dager.

For en grundig innføring i teknikken, sjekk også Chris Heilmanns glimrende gjennomgang av unobtrusive javascript.

Google indekserte alle sidene på www.salsanorge.no den 26. juli.

Gjett datoen da Salsanorge får Page Rank høyere enn null! Er det denne uken, neste uke, neste måned eller kanskje neste år?

Kommer du nærmest vinner du et 1001 Spill-kaffekrus til odel og eie.

Så fort page ranken blir oppdatert, vil jeg også publisere en liten dagbok som viser hvor lang tid det tok fra lansering, til indeksering, til første søkebruker, til første msn-bruker etc. Kan bli nyttig å få med seg.

Dersom du har oppgaver du ikke finner en god løsning på, teknisk eller funksjonelt. Hva med å la dem ligge en stund. La dem modnes og kvernes i underbevisstheten, mens du jobber videre med dine øvrige oppgaver. Publiser gjerne den nåværende løsningen om du kan, se hvordan brukerne reagerer på den, eller kjør en liten brukertest. La dem klikke seg rundt i programmet. Du vil garantert lære noe meget raskt, og for hver nye observasjon du gjør og for hver oppgave du løser, er du bedre rustet til å løse ditt opprinnelige problem.

Selv strevde jeg med presentasjonen av en kursliste på salsanorge.no. Jeg ønsket å sortere kursene på startdato, med de mest aktuelle kursene først. Problemet oppstod når kursene var påbegynt. Hva skulle jeg da gjøre? Fjerne de fra listen? Hva da om folk kommer tilbake og leter etter et kurs de vet har begynt?

Min løsning var å utsette hele saken og la listen forbli statisk.

Faktisk tok det en måned før jeg igjen tok opp tråden. Da slo deg meg. Jeg deler listen i to: kommende kurs, sortert fra i dag og fremover og påbegynte kurs, sortert fra i går mot eldre. Da ser brukerne hvilke aktuelle kurs som er på gang, og rett under, hvilke som nettopp har startet. Perfekt! Hvorfor kom jeg ikke på det før? Fordi de gode løsningene ofte er de vanskeligste å oppdage – om man ikke gir seg selv litt tid til å finne dem.

Å lage godt design til nettsider er ikke enkelt. Heldigvis finnes det mange aktører der ute som kan hjelpe.

Template Monster har jeg brukt i en årrekke, og jeg følger daglig med på deres oppdaterte nyhetsside.

Her kan du få hjelp og inspirasjon til fargevalg, logo, font-typer, grafiske pynteelementer og mer til.

Men, en advarsel er på sin plass. Selv om det grafiske holder god kvalitet, er det ikke alltid flash-sidene med sine lange traurige introer, og html-malene med sin gammeldagse tabell-baserte og rotete kode, holder mål.

Dessuten innholder malene gjerne korte design-tilpassede tekster, og ikke virkelighetens innhold som både kan ha lange ord og avsnitt.

Bruk templatene til inspirasjon, ikke som utgangspunkt for det tekniske.