Responsive Webdesign

Flere pixels, flere udfordringer – præsentation om responsive images

I gĂĄr holdt jeg et lille oplæg om responsive images pĂĄ et erfagruppemøde i Aalborg. Du mĂĄ gerne kigge med. Her er min præsentation. De erfaringer, jeg fik, da jeg skruede oplægget sammen (det blev udskudt et par gange), har jeg tidligere skrevet om i “Epidemisk overvægtige websites” og “Billeder, der passer til skærmen – …

Flere pixels, flere udfordringer – præsentation om responsive images Læs mere »

DOF Nordvestjylland

Komplet webløsning: Dansk Ornitologisk Forening Nordvestjylland DOF Nordvestjylland havde en ambition om at skrue op for kommunikationen til og med deres medlemmer via nettet. For at opfylde den ambition, havde foreningen brug for en webløsning, der var let at opdatere, mere brugervenlig og i stand til at kommunikere i en visuelt seriøs tone. Foreningen har hjejlen …

DOF Nordvestjylland Læs mere »

Epidemisk overvægtige websites

1.585 kilobytes SĂĄ meget fylder den gennemsnitlige webside pĂĄ Alexa’s top 1.000.000 liste pr. 15. september 2013. 1.284 kilobytes SĂĄ meget fyldte den gennemsnitlige webside pr. 1. januar 2013. Det er en vægtforøgning pĂĄ ikke færre en 301 kilobytes eller 23,4% pr. webside, alene i indeværende ĂĄr. Mine damer og herrer, vi har en digital …

Epidemisk overvægtige websites Læs mere »

Horsens kommunes biblioteker – version 3 i responsive webdesign

horsensbibliotek.dk – version 3, 2013 Om projektet Horsens kommunes biblioteker havde en række selvstændige blogs med relativt høj publiceringsfrekvens men døjede samtidig med manglende indhold pĂĄ hoved-sitet. Disse selvstændige blogs er nu lagt sammen med dette website og der er tildelt mere fokus til bibliotekets arrangementer. Sitet er redesignet, ombygget og moderniseret til responsive webdesign, …

Horsens kommunes biblioteker – version 3 i responsive webdesign Læs mere »

Billeder, der passer til skærmen – 6 teknikker

Looking for an English translation? De fleste websteder er fyldt med billeder. Der vises billeder pĂĄ den store fladskærm og der vises billeder pĂĄ den lille mobiltelefon. Det er bare ikke smart at hive store, tunge fladskærmsbilleder ned pĂĄ den lille mobilskærm over en 3g forbindelse, særligt ikke, hvis man har et dyrt dataabonnement. Det …

Billeder, der passer til skærmen – 6 teknikker Læs mere »

SĂĄdan fĂĄr du iOS app icons pĂĄ dit website

Vi fortsætter mini-føljetonen om responsivt webdesign til mobilen med særligt fokus pĂĄ æble-apparater. NĂĄr du nu har fĂĄet lokket brugeren til at gemme et bogmærke pĂĄ Home Screen, vil du nok ogsĂĄ gerne have, at bogmærket tager sig pænt ud. Som udgangspunk vil iOS bruge et nedskaleret screenshot af websiden og det er ikke nødvendigvis …

SĂĄdan fĂĄr du iOS app icons pĂĄ dit website Læs mere »

“Add to Home Screen” med JavaScript pĂĄ iOS

I gĂĄr skrev jeg om en metode til at skjule eller nedtone iOS browserens brugergrænseflade, sĂĄ dit allerede responsive website kommer til at minde lidt mere om en native app. Der er det lille aber dabei, at metoden fungerer bedst, hvis man kan fĂĄ brugeren til at bookmarke sitet pĂĄ sin Home Screen. Mange iOS …

“Add to Home Screen” med JavaScript pĂĄ iOS Læs mere »

Krimimessen 2013

krimimessen.dk – 2013 Om projektet Brush up af Krimimessens website. Krimimessen har ændret publiceringsstrategi og ønskede et mere magasin-agtigt design, der kunne understøtte en øget publiceringsfrekvens. Det har jeg hjulpet med at føre ud i livet. Designet er responsivt og fungerer godt pĂĄ sĂĄvel store skærme som smĂĄ. Lanceret 8. november 2012. Besøg Krimimessen her →

FitWeird

Desktop, laptop, tablet, smartphone, TV og køleskab. Der er skærme med internet overalt. NĂĄr man laver webdesign, der skal passe til flere forskellige skærmformater, er det praktisk at vide noget om, ved hvilke størrelser layoutet skal skifte fra f.eks. 3 kolonner til 2 kolonner til 1 kolonne. Det kaldes for breakpoints. Dave Rupert fra Paravel …

FitWeird Læs mere »