Morten Brunbjerg Bech

👋 Jeg er frontend webudvikler, designer, fritids-illustrator, bibliotekar og far til to. 🤖 Jeg arbejder med udvikling, design og web-grafik hos TV MIDTVEST og er særligt interesseret i stramt struktureret og effektivt informationsdesign, der gør budskabet let at forstå, serveret i en grafisk brugergrænseflade, der er nem at bruge. 🛠️ Tools of the trade: VueJS, Nuxt, Tailwind, HTML, CSS, SCSS, JavaScript, Photoshop, Illustrator, Adobe XD, etc.

Sådan laver du nemt den rigtige kode til indlejring af Google Maps

Af

Implementering af Google Maps i et website kan være lidt langhåret, hvis du ikke er stærk i JavaScript. Kniber det med at få de rigtige parametre med i koden, er der hjælp at hente med værktøjet Google Maps Generator. Værktøjet er en grafisk brugergrænseflade, hvor du nemt kan indstille de parametre, du har brug for, … Læs mere

Sådan laver du horisontale ordnede lister med CSS

Af

Folkebibliotekernes digitale tilbud er ikke altid kendt for den bedste brugeroplevelse. Ofte kræver de lange forklaringer og vejledninger, før man kan komme helt ind til guldet. Det skyldes alt sammen ophavsretlige aftaler og licenser, men det er en helt anden diskussion. I forbindelse med en vejledning til et af disse tilbud, fik jeg brug for … Læs mere

Sådan sætter du kulør på Google Maps

Af

Har du Google Maps på dit website? Matcher farverne resten af websitets palet? Hvis ikke, så er det faktisk muligt at lave om på. Google Maps’ API giver mulighed for at lave om på farverne med en lille stump JavaScript. Hvis du ikke helt har mod på at kode det selv, kan du på Snazzy … Læs mere

Font management med Linotype FontExplorer X

Af

Linotype FontExplorer til macHvilken skrifttype har du brug for? Det kan være svært at danne sig et overblik over, mens man arbejder i sit foretrukne DTP eller grafikprogram. Et font management værktøj kan give overblik over de skrifttyper, der er til rådighed på din computer og giver et godt sammenligningsgrundlag, skrifttyperne imellem.

Font management programmer koster som regel en klatskilling. Men kan du nøjes med en lidt ældre model, er det stadig muligt at hente Linotype FontExplorer X ver. 1.2.3 til mac kvit og frit. Jeg bruger den selv og det fungerer glimrende.

Hent en gammel version af Linotype FontExplorer X til mac på Softpedia

Sådan optimerer du dine overskrifter, så du får flere læsere

Af

Steven Snedker har begået en interessant artikelserie på Vertikal.dk om, hvordan man kan tweake sine overskrifter, så de tiltrækker mest mulig trafik. Kort fortalt går det ud på at skrive 25 forskellige overskrifter til samme artikel og så måle på hvilken, der klarer sig bedst.

25 overskrifter er måske lige lovligt meget hestearbejde. Men det er lærerigt at se konklusionen på, hvad der virker. Den gode overskrift

  • vækker læserens nysgerrighed
  • lover følelsesmæssig forløsning/opgaveløsning
  • lover hurtighed og overskuelighed.
  • er positiv

En vigtig pointe: Det kan IKKE betale sig at være negativ.

Læs artikelserien her:

Karruseller og slideshows

Af

Karruseller, slideshows, image sliders – kært barn har mange navne og man finder dem overalt på nettet. Website-ejere er vilde med den slags UI-elementer, for de ser godt ud og kan ikke mindst fremhæve en masse indhold på meget lidt plads. Eller det sidste skulle man i hvert fald umiddelbart tro. Men Nielsen Norman Group … Læs mere

Nem installation af Google Fonts på desktop

Af

Nem håndtering af Google Fonts på desktop med SkyFonts

Google Fonts er ret nemme at integrere på et hvilket som helst website. Men hvad nu, når du står og mangler en bestemt font til et mock up i dit foretrukne billedbehandlingsprogram? Med SkyFonts er det enormt nemt at synkronisere dine Google Font favoritter ned på desktop.

Prøv SkyFonts fra Fonts.com

Pixelkit Bootstrap Themes

Af

Pixelkit Modern Touch UI kit - Bootstrap themes

Savner man kulør på sit website, kan man finde fine premium UI kits hos Pixelkit.

Hvis man hører til dem, der synes Bootstrap er et fantastisk udgangspunkt at bygge websites i, har Pixelkit også lavet Bootstrap themes og dem kan man hente kvit og frit på GitHub. Er man, som jeg, knap så begejstret for HTML og CSS frameworks, kan man jo altid bare lade sig inspirere af de fine designs, farvevalg og evt. CSS-koden.

Pixelkit Bootstrap UI Kits på GitHub