Tagget med: Design

Responsive webdesign

Responsive webdesign var et af de store buzzwords sidste år, og intet tyder på at det bliver mindre i 2012. Da jeg fandt ud af, at dette site har hele 45% af sine besøgende fra enten iPad eller iPhones, så tænkte jeg at det var på tide at få leget lidt med teknikken. Mit pragmatiske webgen skal “røre” for at lære, også selvom jeg ikke just selv er koder. Jeg fandt et minimalistisk wp-tema opbygget med responsive design, uploadede det og var så jeg klar på en ny platforme. Næsten.

For der er en del man skal tilrette, når går fra faste skabeloner til responsive design. Først og fremmest, så handler det om at holde ens løsning så simpel som mulig. Og sørge for selv at have styr på den del af koden der skal kunne skalere frit, for ikke alle gratis/eksterne produkter klarer sig lige godt. Eksempelvis fandt jeg ud af at mit kommentarsystem fra Facebook, ikke kunne skalere frit i Firefox. Altså måtte det ud. Herudover har jeg en lille sort topbjælke og et par eksterne links i min menu til anbefalinger og cv – indhold optimeret til høj skærmopløsning. Derfor blev de dele skrevet ud af koden, under en vis skærmstørrelse. Det betyder selvfølgelig, at ikke alle besøgende ser den samme hjemmeside, det afhænger af den skærmstørrelse man benytter. Det er et valg jeg har taget, men det er ikke nødvendigvis et brugervenligt valg. Fordelen for mig er dog, at jeg på denne måde alene skal redigere mit site ét sted fra.

En anden ting man skal vende sig til når man arbejder responsivt er, i opsætningen af ens indhold. Normalt har man faste størrelser at forholde sig til, men pludselig skal billeder/tekst/videoer kunne skalere op og ned i størrelse. Det betød helt konkret, at jeg skulle ind og omskrive alle der steder hvor der var embeddet kode i mit indhold. Forden er så nu, at det er gjort. Finder jeg et andet responsivt tema på sigt, så er indholdet parat. Indhold opsættes altså ikke til en bestemt størrelse skabelon – det er FANTASTISK. Ikke mere pixelknepperi.

Hvis du stadig er lidt i tvivl om hvad responsitvt design er, så tag fat i hjørnet af din browser og se hvordan min hjemmeside ændrer udseende når skærmstørrelsen bliver mindre.

Og vil jeg så anbefale responsivt design, nja njo … måske. Det kommer som altid an på løsningen.

Lidt inspiration (det er godt)

Nyt design

Den faste læser har måske opdaget, at siden har fået nyt design i dag – et design der til forveksling minder om det gamle. Dog endnu mere simpelt i sit udtryk og meget klassisk i sin struktur, altså er jeg vendt tilbage til blog-rødderne. En simpel hjemmeside uden alt for meget lir, men med nem mulighed for at læse alle indlæg uden nødvendigvis at skulle klikke så meget rundt på sitet. Når alt kan lade sig gøre teknisk, er der noget smukt i det simple og underspillede. Men det er jo bare min personlige mening.

Endvidere har jeg valgt at fokusere min online profil, så jeg i fremtiden har alt webrelateret placeret på; denne hjemmeside, min Linkedin, min Twitter og min fb-side. Det betyder at flere spøjse integrationer af fjernet her fra hjemmeside, da fire platforme må være rigeligt for nu. Men når man godt kan lide at afprøve nye teknologier, kan det tit være en udfordring af begrænse sig :)

Jeg håber i tager vel imod det nye design, og smid gerne en kommentarer hvis der er noget der mangler. Og ikke mindst, hvis der er emner I kunne tænke jer at jeg vendte her på bloggen i fremtiden …