Webbplatsen staffanstorp.se anpassar sig till olika skärmstorlekar.
Johan Edlund — tidig skiss för staffanstorp.se
När jag visar webbplatser som använder sig av Responsive Web Design häpnar många och utbrister: — Det här är ju lösningen för alla mobila webbplatser! Eftersom jag inte sett några djupare användarstudier har jag själv varit försiktigt skeptisk till fenomenet med webbplatser som transformerar sitt utseende beroende på skärmens eller webbläsarens storlek. Är det här vad användarna vill ha och är det vad de behöver? Det är som vanligt med nya superkrafter:
With great power comes great responsibility
För att få en ökad förståelse för hur Responsive Web Design implementeras ringde jag upp Johan Edlund som ligger bakom hur webbplatsen staffanstorp.se beter sig i olika skärmstorlekar. Vi pratar framför allt om projektupplägg och olika utmaningar, men kommer också in på hur ett oväntat offentliggörande av Joakim Jardenberg ledde till en oplanerad testomgång.
» Och ja, jag inleder med att visa hur staffanstorp.se fungerar. Verktyget jag använder för att se sajten i olika storlekar heter responsivepx. Och ja, jag vet att jag säger fel skärmstorlek i videon. 1024 x 768 pixlar är det jag menar egentligen förstås.
Samtalet med Johan börjar vid 04:20 i filmen om du vill skippa intron om Responsive Web Design.
Lär dig mer om Responsive Web Design
Om du vill få mer argument och tips kring hur du ska tänka när det gäller Responsive Web Design rekommenderar jag dessa två alldeles lysande presentationer:
Videon är lite skakig rent tekniskt, men framförandet är sevärt. Nästa vecka fortsätter jag min intervjuserie med Kevin M Powell via Skype. Intervjun kommer publiceras i min engelska blogg som lanseras samtidigt. Damn straight!
Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ @axbom på Twitter.
[...] @axbom : Responsive Web Design – jag pratar med pionjär Johan Edlund [...]
@collentine
2011-11-01 23:48
Finner det lite ironiskt att du pratar om anpassning till olika skärmformat när jag inte ens kan se första videon i posten eftersom den ”inte är tillgänglig för mobiler”
@collentine: mmm, lite ironiskt får jag hålla med om. Jag trodde faktiskt att just den skulle funka i mobilen… betalar för premium-konto på Vimeo och det är en av fördelarna har jag för mig. Måste kolla upp vad som är orsaken.
[...] mobilt, enbart mobilt av Erik Larsson Några tankar om Responsiv Design av Thord Daniel Hedengren Responsive Web Design, med Johan Edlund av Per [...]
Lina
2012-03-19 01:51
Tusen tack för en superbra atikel och intervju – väldigt inspirerande och lärorikt!
…verkar som din vimeo -video har en inline stilsättning med en bredd på 560, men använder du !important i din css -fil kan du ”overrida” inline stilsättningen.
Bra artikel för övrigt!
[...] @axbom : Responsive Web Design – jag pratar med pionjär Johan Edlund [...]
Finner det lite ironiskt att du pratar om anpassning till olika skärmformat när jag inte ens kan se första videon i posten eftersom den ”inte är tillgänglig för mobiler”
@collentine: mmm, lite ironiskt får jag hålla med om. Jag trodde faktiskt att just den skulle funka i mobilen… betalar för premium-konto på Vimeo och det är en av fördelarna har jag för mig. Måste kolla upp vad som är orsaken.
[...] Swedish? You may also like my interview with Johan Edlund over on axbom.se. [...]
[...] mobilt, enbart mobilt av Erik Larsson Några tankar om Responsiv Design av Thord Daniel Hedengren Responsive Web Design, med Johan Edlund av Per [...]
Tusen tack för en superbra atikel och intervju – väldigt inspirerande och lärorikt!
Angående att den här sidan inte anpassar sig mobilt pga videon kan den här artikeln från alistapart va intressant: http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
…verkar som din vimeo -video har en inline stilsättning med en bredd på 560, men använder du !important i din css -fil kan du ”overrida” inline stilsättningen.
Bra artikel för övrigt!
[...] Staffanstorp Responsive design [...]
[...] är en webbplats som brukar lyftas fram som ett positivt exempel på responsiv webbdesign. Den tycker jag är ett talande exempel för när [...]