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 – … 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 … 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 … 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, … 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 … 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 … 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 … Læs mere

Skrot browservinduet på iOS

Dit website er allerede responsivt og tilpasser sig såvel små som store skærmstørrelser. Men det ser alligevel ikke helt rigtig ud på din iPhone, for det bliver vist i det grimme browservindue og ligner slet ikke en af de dér fancy apps. Det er der råd for. Du indsætter bare et lille HTML meta tag … 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 … Læs mere