html-utvikler

Oppdatering: Sjekk også installasjon av IE 7 Beta 3

Nå kan du installére IE7 Beta 2 standalone, og starte med testing og feilretting i denne sterkt etterlengtede oppgraderingen av verdens mest brukte nettleser.

NB! Sider med target=”_blank” fungerer ikke.

Nyttige validerings-verktøy strømmer ut om dagen. Spesielt Firefox er velsignet slike geniale plugins.

Her er et lite knippe utvalgte gullkorn som kan lette din hverdag:

• 
  Firefox HTML Validator

  Integreres lekkert med Firefox og viser validerings-informasjonen mens du surfer. Dobbelt-klikk på ikonet så får du ekstra informasjon med nøyaktig beskrivelse av feil og advarsler.

  NB! Dette verktøyet bruker HTML Tidy og gir nødvendigvis ikke samme resultat som W3C sin validator.

• Web Developer Toolbar

  Flott toolbar med mange nyttige funksjoner. Debug css-koden direkte, skru av og på elementer, se detaljer om html-koden, størrelser på elementer og mye mer.
  Takk til bza for tipset!

• Firefox Firebug

  Validerer html-koden automatisk, og viser nyttig info og detaljer om en side. Spesielt kode-granskingen falt jeg for her. Dessverre er gjeldende versjon noe ustabil.

• Firefox Online W3C HTML validator

  Plugin som legger til menyvalg for sjekk mot W3Cs offisielle tjeneste.

• Safari Tidy NY

  Safari-versjon av Firefox HTML Validator.

• Opera-tips: Trykk Ctrl+Alt+v i Opera, så valideres html-koden automatisk.
• W3C HTML Validator
• W3C CSS Validator
• RSS og Atom Feed Validator
• Robots.txt syntax checker

Så nå har man ingen gode unnskyldninger for å servere dårlig html og css, men noen dårlige har jeg alltids på lager;)

En stor del av søkene på et nettsted er feilstavet. Hvis din søkemotor håndterer feilstaving dårlig, kan du sjekke ut Soundex-algoritmen.

Soundex ble pønsket ut for snart 90 år siden og er like genial som enkel. I tillegg er den ferdig implementert for Java, PHP, MySQL, og sikkert alle andre språk eller databaser du måtte bruke.

Selv har jeg brukt MySQLs innebygde funksjon med stor suksess, og kan for eksempel gi treff når folk søker etter “bakkamom”, “backammon” eller “bakamon” med følgende enkle SQL-setning:

SELECT * FROM categories where soundex(title) = soundex('bakamon')

Wikipedia her en fin beskrivelse av Soundex-algoritmen. Den perfekte sengelektyre for enhver webmaster.

Selskaper blir mindre effektive om de oppgraderer fra Windows 2000 til Windows XP, melder Aftenposten denne uken. Konklusjonen stammer fra en undersøkelse gjennomført av professor Fabian von Schéle.

Personlig var jeg også misfornøyd med ytelsen på min Windows XP-maskin, spesielt den ekstremt trege zip-fil håndteringen i explorer.

Heldigvis finnes det en løsning:

• Slå av zip-håndteringen

  Tips! Skru av zip-håndteringen i oppstart, så blir den permanent.

Dessverre er de øvrige XP-tips-sidene vi lenket til ikke lenger tilgjengelig. Har du tips til gode XP-optimaliserings-sider tas disse i mot med stor takknemlighet.

Lyst til å teste ut PHP og MySQL, men ikke tid til å følge tunge installasjonsbeskrivelser?

Sjekk ut XAMPP!

En genial installasjonspakke med alt du trenger. Finnes til Windows, Linux, Mac OS X og Solaris. Så da er det bare å sette i gang å kode PHP. Lykke til!

Det trenger ikke være en plagsom hodepine å få nettstedet til å fungere i alle nettlesere. Følger du noen enkle råd, blir arbeidet lettere, morsommere og migrenen borte.

• Test fra dag én.

  Skal du støtte IE, Opera og Firefox, bør du teste i alle disse fra dag en.
  Dersom du finner dette tungvint, bør du vurdere en html-editor som forenkler slikt arbeid. Selv bruker jeg HTML-kit. HTML-kit søker automatisk opp alle mine installerte nettlesere og knytter disse til en hurtigtast. Dermed kan jeg trykke: F12 for vanlig preview (IE6), Alt+1 for Opera, Alt+2 for Firefox etc.

• Installér flere IE-versjoner.

  IE7-standalone er nå enkelt å legge inn. Bare følg oppskriften og test i vei.

  Skal du støtte IE5.01 og IE5.5, kan du laste ned IE-5.x standalones.

  NB! Disse gir feil versjonsnummer under menyvalget “hjelp”->”om internet explorer”. For å sjekke versjonen, kan du f. eks. bruke Browserhawk

  Vær oppmerksom på at du må gjøre en fiks for å få Conditional Comments til å fungere.

• Browsershots

  Gratistjenesten Browsershots viser websiden din i en rekke nettlesere inkludert IE7. Test mot Firefox 1, Safari, Opera, Konqueror (Linux), alle i to forskjellige oppløsninger.

  NB! Dette er en gratistjeneste så kapasiteten er begrenset.

• Browsercam

  Kommersiell side som viser skjermdump av din nettside i et stort antall nettlesere på seks operativsystemer.

  Kan testes gratis én dag.

• Lær deg <base href=”"/>

  <base> lar deg angi hvor html-kodens bilder, css og javascript skal hentes fra. Sett at du skal rette en html-feil på dagbladet. Last ned html-koden, og legg inn følgende i <head>

  <base href=’http://www.dagbladet.no’/>

  Les mer om <base href=”"/>