{"id":11743,"date":"2014-04-27T15:43:40","date_gmt":"2014-04-27T13:43:40","guid":{"rendered":"http:\/\/\/\/sitestory.dk\/wordpress\/?p=11743"},"modified":"2015-01-02T10:11:40","modified_gmt":"2015-01-02T09:11:40","slug":"fleksibel-webdesign","status":"publish","type":"post","link":"https:\/\/sitestory.dk\/wordpress\/2014\/04\/27\/fleksibel-webdesign\/","title":{"rendered":"Fleksibel webdesign"},"content":{"rendered":"

Engang kunne man designe m\u00e5lfaste websider, som s\u00e5 ordentlige ud p\u00e5 alle computersk\u00e6rme, men s\u00e5dan er det desv\u00e6rre ikke mere.<\/strong><\/p>\n

\"Mobilbrowser\"Den tid er n\u00e6ppe fjern, hvor en sk\u00e6rm kan implanteres i h\u00e5ndfladen, sk\u00f8nt det ikke vil g\u00f8re den store forskel for mange smartphone-brugere.<\/p>\n

Men hvad jeg t\u00e6nker om at se panorama\u00ad\u00adbilleder p\u00e5 en 320 pixels bred<\/del> smal sk\u00e6rm er irrelevant; smartphones og tablets i alle mulige og is\u00e6r umulige st\u00f8rrelser er kommet for at blive.<\/p>\n

Og da jeg kan se, at ogs\u00e5 mine sider tilg\u00e5s af folk, der ikke har r\u00e5d til en sk\u00e6rm af anst\u00e6ndig st\u00f8rrelse, har jeg overgivet mig til “responsive webdesign”.<\/p>\n

Det g\u00e5r ud p\u00e5 at designe sine websider, s\u00e5 de ser nogenlunde lige d\u00e5rlige\u00a0ud p\u00e5 alle\u00a0sk\u00e6rmst\u00f8rrelser.<\/p>\n

P\u00e5 bloggen er det nemt; der bruger jeg et plugin, som detekterer mobilenheder og indretter udseendet derefter. Godt ser det ikke ud, men det kan da l\u00e6ses.<\/p>\n

P\u00e5 alle mine \u201dalmindelige\u201d websider med jomfruelig HTML er det ikke s\u00e5 ligetil.<\/p>\n

Man kan sylte siderne ind i javascript o.l., som detekterer, hvilket leget\u00f8j l\u00e6seren benytter, og s\u00e5 bruge m\u00e5lrettede stylesheets, men det er skruen uden ende, for der er mange dimser derude, og der kommer flere til.<\/p>\n

Nej, l\u00f8sningen m\u00e5 v\u00e6re \u201dresponsive webdesign\u201d. \u201dLydh\u00f8r webdesign\u201d lyder fjollet, s\u00e5 jeg foretr\u00e6kker \u201dfleksibel\u201d. \u00c9t design til alle formater, \u00e9t s\u00e6t HTML-kode, \u00e9t stylesheet.<\/p>\n

Siderne skal skrues sammen, s\u00e5 elementerne flydende kan flytte sig for hinanden, man skal skalere med relative st\u00f8rrelser som procenter i stedet for pixels, man skal definere maks- og minimumsst\u00f8rrelser og meget andet.<\/p>\n

Det er slet ikke s\u00e5 ligetil, og det kr\u00e6ver, at man g\u00e5r p\u00e5 kompromis med nogle ting \u2013 det er umuligt at f\u00e5 tingene til at se godt ud p\u00e5 alle sk\u00e6rmst\u00f8rrelser.<\/p>\n

Jeg har nu redesignet mine faktasider for rejsem\u00e5l, fx Fakta om Sicilien<\/a>, s\u00e5 de fungerer bare s\u00e5 nogenlunde. Man kan pr\u00f8ve at g\u00f8re browservinduet mindre og s\u00e5 genopfriske (F5) for at f\u00e5 Google til at finde et annonceformat, der passer til den nye st\u00f8rrelse.<\/p>\n

Nu mangler jeg bare at redesigne nogle tusinde andre sider fra bunden, og n\u00e5r det er gjort, har jeg sikkert l\u00e6rt s\u00e5 meget, at jeg utilfreds starter forfra.<\/p>\n

Hvis du keder dig, s\u00e5 f\u00e5 en hjemmeside.<\/p>\n","protected":false},"excerpt":{"rendered":"

Engang kunne man designe m\u00e5lfaste websider, som s\u00e5 ordentlige ud p\u00e5 alle computersk\u00e6rme, men s\u00e5dan er det desv\u00e6rre ikke mere. Den tid er n\u00e6ppe fjern, hvor en sk\u00e6rm kan implanteres i h\u00e5ndfladen, sk\u00f8nt det ikke vil g\u00f8re den store forskel for mange smartphone-brugere. Men hvad jeg t\u00e6nker om at se panorama\u00ad\u00adbilleder p\u00e5 en 320 pixels bred smal sk\u00e6rm er irrelevant; smartphones og tablets i alle mulige og is\u00e6r umulige st\u00f8rrelser er kommet for at blive. Og da jeg kan se, at ogs\u00e5 mine sider tilg\u00e5s af folk, der ikke har r\u00e5d til en sk\u00e6rm af anst\u00e6ndig st\u00f8rrelse, har jeg overgivet mig til “responsive webdesign”. (…)<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[2668,847,2666,2667],"class_list":["post-11743","post","type-post","status-publish","format-standard","hentry","category-it-internet","tag-hjemmesider","tag-html","tag-responsive-webdesign","tag-web"],"_links":{"self":[{"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/posts\/11743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/comments?post=11743"}],"version-history":[{"count":0,"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/posts\/11743\/revisions"}],"wp:attachment":[{"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/media?parent=11743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/categories?post=11743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitestory.dk\/wordpress\/wp-json\/wp\/v2\/tags?post=11743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}