Moderne javascript i dag

JavaScript er et sprog der flytter og udvikler sig helt vildt hurtigt. Bare indenfor de sidste få år er der kommet custom components og ES6 moduler med import og export.

Det kan som udvikler være svært at følge med, men endnu sværere at skrive sine applikationer på en sådan måde at de både er moderne, fremtidssikret og virker på nuværende platforme, som måske endnu ikke er klar til mange af de nye ting.

Dette leder mange udviklere til at skrive deres programmer uden den nye teknologi. Det mener jeg er en fejl.

Læs mere

target="_blank"

Meget kan siges om links, der åbner et nyt vindue eller faneblad. Hvor vidt det er en god idé eller best practice at gøre sådan er ikke det denne artikel handler om. Derimod vil jeg rigtig gerne diskutere, hvad vi kan gøre i de tilfælde, hvor det alligevel er nødvendigt at åbne et nyt vindue eller faneblad.

Du kender helt sikkert denne form for link:

<a href="http://hjemmeside.dk/index.html" target="_blank" rel="noopener">En hjemmeside</a>

Når du klikker på et sådant link, vil linkets sti blive åbnet i et nyt vindue eller et nyt faneblad, alt afhængig af, hvordan den enkelte browser er indstillet. I dag er de fleste browsere indstillet til at åbne et faneblad.

Fordi vi allerhelst gerne vil lade linkets opførsel være op til den enkelte bruger, kan det være irriterende, hvis et link ikke opfører sig sådan som brugeren forventer. Hvis brugeren for eksempel forventer at det link hun klikker på, åbner i samme faneblad og der sker noget helt anden, giver det anledning til frustration, irritation, og i værste tilfælde, at brugeren holder op med at benytte vores app eller site.

Læs mere

Optimer din hjemmeside

Hvis du nogensinde har brugt Google Chromes Audit værktøj, har du sikkert bemærket at nærmest uanset hvad du gør, så vil Audit fortælle dig at din CSS blokerer indlæsningen af din side (render-blocking).

Audit fortæller dig desuden, hvis du får kigget lidt ned i rapportens detaljer, at Google anbefaler at indlæse den kritiske del af dit stylesheet direkte i <head>-sektionen og indlæsningen af resten af dine stylesheets skal udsættes.

Læs mere