En vurdering fra 1 til 5 stjerner…

Jeg sidder i øjeblikket og skruer på en version 6 af nogle flade HTML prototyper til projekt "Mit Bibliotek".

Projektet drejer sig om at integrere bibliotekernes nettjenester i de lokale bibliotekskataloger samt forbedre formidlingsmulighederne i katalogerne ved hjælp af bl.a. webservices. En af funktionerne, der arbejdes med, er muligheden for at brugerne kan vurdere de enkelte materialer ved tildeling af stjerner. En funktion, der er kendt fra bl.a. Amazon.com.

Der er masser af måder at lave sådan en stjerne-funktion på. Både teknisk og grafisk. Hos Amazon.com ser det smart ud med stjerner der ændrer kulør, når musen føres over. Her gives der så karakter, når der klikkes på en stjerne.

Amazon.com bruger et mere eller mindre avanceret stykke javascript til denne funktion. En lignende funktion kan imidlertid laves meget enklere med relativt få linier CSS. Rogie King beskriver teknikken på Komodomedia.com

Og jeg prøver stjernerne af på denne flade HTML prototype

Denne artikel er seneste opdateret 21 november 2024

Morten Brunbjerg Bech

Frontend webudvikler, designer, fritids-illustrator, bibliotekar og far til to.

Arbejder med udvikling, design og web-grafik hos TV MIDTVEST. Særligt interesseret i stramt struktureret og effektivt informationsdesign, der gør budskaber lette at forstå, serveret i en grafisk brugergrænseflade, der er nem at bruge.

Tools of the trade: Statamic, VueJS, Nuxt, Tailwind, HTML, CSS, SCSS, JavaScript, Photoshop, Illustrator, Adobe XD, etc.