html-utvikler

Firefox har blitt førstevalget for mang en utvikler, og det er ikke uten grunn. Les Kalid Azad flotte introduksjon og tips: How to Debug Web Applications With Firefox, og bli overbevist du også.

Det populære Ajax-biblioteket Prototype er lansert i ny versjon: Prototype Versjon 1.5.0. Rammeverkets nettside er også ryddet opp og kledd i flott ny drakt.

Dette javascript-biblioteket forenkler Ajax-programmering, og har fått mye skryt. Brukes blant annet som basis i det imponerende javascript-animasjon og effektsbiblioteket script.aculo.us og har blitt trykket til mange Ruby on Rails-utvikleres bryst.

Last ned Prototype, les Developer Notes for Prototype (basert på rc2) eller den nye api-dokumentasjonen.

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.