Næse for design og kommunikation til nettet
Webudvikling
Sådan fixes IE7’s z-index bug med jQuery
9 feb 10
Det er sædvanligvis Internet Explorer, der kræver ekstra opmærksomhed, workarounds og udviklingstid, når man skal gøre et website kompatibelt på tværs af webbrowsere. Jeg har lige spenderet en del tid på at komme omkring en grov renderingsfejl i IE før version 8, der rammer den orden hvori CSS positionerede HTML elementer stables. Jeg er rendt ind i IE’s z-index bug.
Opgaven: En lang række list items skal udstyres med forklaringer i form af drop downs. HTML koden ser således ud.
<ul class="linklist">
<li>
<h4>Overskrift 1</h4>
<a href="#" class="dropdown-trigger">Vis beskrivelse</a>
<div id="beskrivelse-1">
Beskrivende note der falder ned, når man klikker på linket "Vis Mere > Sådan kaldes javascripts i Wordpress
30 nov 09
Da version 1 af stylesheets og templates til Horsens kommunes biblioteker i sin tid blev kodet op, havde jeg hentet javascript-biblioteket jQuery + diverse plugins, placeret dem i wp-theme mappen og kaldt dem manuelt i theme’ets header.php script. Det var før jeg fandt ud af, at jQuery + plugins faktisk er inkluderet i Wordpress og kan kaldes med indbyggede funktioner.
Den “rigtige” måde at kalde javascripts på i Wordpress er med fuktionen wp_enqueue_script. Med denne funktion kan man kalde en række indbyggede javascript biblioteker, heriblandt jQuery, Scriptaculous og Prototype. For at kalde jQuery, skriver man således følgende i header.php:
<?php wp_enqueue_script('jquery'); ?>
Har man samtidig Mere >
Virtual hosts på mac under MAMP
13 nov 09
Jeg roder i øjeblikket med en testinstallation af Magento på min mac. I den forbindelse havde jeg brug for at rette i etc/hosts/ filen, men den er ikke umiddelbart til at finde på en mac, da den er skjult. Det findes der heldigvis råd for. Jeg fandt en glimrende vejledning her:
Foundation PHP: Creating a virtual host in Mac OS X 10.5 (Leopard)
Jeg bruger imidlertid ikke mac’ens indbyggede Apache server, men MAMP. Derfor kunne jeg ikke rigtig bruge ovenstående vejledning til opsætning af virtual hosts i Apache’s konfigurationsfil, httpd.conf. Det findes der også råd for. Her er en fin vejledning i opsætning Mere >
Wordpress hacked, defaced og inficeret med en grim iframe
26 aug 09
For 1½ års tid siden skiftede jeg webhotel til Gigahost efter i flere år at have været kunde hos Unoeuro. Det tillokkende var funktionaliteten og muligheden for flere domæner og databaser på samme konto. Jeg havde aldrig sikkerhedsproblemer hos Unoeuro, men siden skiftet til Gigahost er jeg blevet hacket 3 gange. I sidste uge måtte mine sites så ned og ligge igen.
Hvad var blevet hacket?
Mine Wordpress sites havde fået nye forsider og alle index og default filer havde fået tilføjet en iframe, der sendte evt. besøgende hen et sted, hvor de kunne få inficeret deres computer med malware eller virus.
Det Mere >
Wordpress HTTP kald og firewalls
17 feb 09
Jeg har haft en masse bøvl med Wordpress MU efter opgradering til version 2.7 på Horsens kommunes bibliotekers website, og har brugt en masse tid på at finde fejlen. Symptomerne var et enormt langsomt site, hvor det tog 1,5 minut eller mere at loade hver enkelt side, både i front- og back end. Efter at have loadet længe, indlæste siden dernæst på én gang. Det lykkedes til sidst at finde en løsning, men problemerne skyldtes ikke nødvendigvis en fejl.
Horsens kommunes bibliotekers website står placeret bag kommunens firewall. Det er jo glimrende, for så vidt sikringen af serveren. Det viser sig Mere >
jQuery i Wordpress
29 jan 09
jQuery er allerede indbygget i Wordpress, så der er ingen grund til at downloade og implementere det i hvert nyt tema, du går i gang med. Bare indsæt referencen til jQuery før kaldet til “wp_head()” i header.php. Referencen til jQuery indsættes nemt med følgende tag:
< ?php wp_enqueue_script('jquery'); ?>
Runde hjørner med jQuery
27 nov 08
Pænt afrundede hjørner i webdesign laves på klassiske vis med grafikstumper i top og bund af de bokse, der ønskes afrundede. Denne metode har imidlertid ofte den ulempe, at den kræver ekstra opmærkning, der ikke nødvendigvis giver mening, skaber rod i koden samt kræver indlæsning af ekstra grafik, som er med til at sløve indlæsningstiden af websitet.
Slip for unødig grafik og HTML Med javascript kan man imidlertid undgå både ekstra opmærkning og grafik. Dave Methvin har lavet et plugin til javascript-biblioteket jQuery, som kan netop dette. jQuery er et glimrende letvægts-javascript framework, der gør det nemt for designere med begrænset kodeerfaring at Mere >
Ultrakorte uddrag i Wordpress
25 nov 08
I Wordpress kan man skrive et kort uddrag til de enkelte blogindlæg. Det er ofte anvendeligt på sites, der ikke nødvendigvis har karakter af en typisk weblog, f.eks. journalistiske magasiner, portaler eller virksomhedssites.
Uddraget har som udgangspunkt en størrelse på 55 ord og det kan man ikke umiddelbart ændre på. Men 55 ord kan godt være 40 ord for meget, hvis uddraget ønskes vist på en bestemt måde. Jeg har gravet lidt i uddraget og fundet frem til en måde at begrænse det på.
The_excerpt() laver for lange uddrag For at implementere uddraget i templaten bruges tag’et the_excerpt() (se dokumentation her). Dette tag Mere >
Et par gode CMS plugins til Wordpress
24 nov 08
Jeg er i øjeblikket i færd med at udvikle et nyt website på min arbejdsplads, Horsens kommunes biblioteker. Sitet kommer til at køre i Wordpress MU, og jo mere man graver i det system, des mere bliver det klart, at man kan få et ganske velfungerende CMS ud af det.
Jeg har dog savnet et par funktioner, men det findes der heldigvis plugins til.
Fjern uaktuelle indlæg Et indlæg kan sættes til blive udgivet i fremtiden, emn jeg har også behov for, at det automatisk kan udløbe, dvs. blive slettet når det er uaktuelt.
Til det formål er plugin’et Post Expirator glimrende. Post Expirator Mere >
Mit navn er Morten Brunbjerg Bech. Jeg er webdesigner, front end udvikler og bibliotekar på Horsens kommunes biblioteker. Netsans er min porteføljemappe, sandkasse og huskeseddel.