nov 27 2008
Runde hjørner med jQuery
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 lave relativt avanceret funktionalitet i et website.
Fra grafik-pest til javascript-kolera?
Skal man så rode sin kode til med javascript i stedet for grafik og opmærkning, bare for at få runde hjørner? Som sagt kan jQuery bruges til rigtig mange ting. Har man i forvejen brug for noget af jQuery’s funktionalitet, er det oplagt at anvende til også at lave visse grafiske effekter og vil klart være at foretrække fremfor den ekstra opmærkning og grafik. Jeg vil helt sikkert gøre brug af dette plugin i fremtidige projekter.
Der er en demo af Round Corner plugin’et samt link til download af scriptet her.
