Kontakt
robert8
freddan5
Skärmavbild 2021-12-09 kl. 22.03.03
Skärmavbild 2023-09-18 kl. 09.11.01
Pata
Skärmavbild 2023-09-18 kl. 09.10.37
Skärmavbild 2023-09-18 kl. 09.10.20
avatar
Skärmavbild 2021-12-09 kl. 22.15.03
Skärmavbild 2021-12-09 kl. 22.09.31
T0CBF5ALS-U066G82ANLA-0953f9bc2979-512
Skärmavbild 2022-02-21 kl. 08.59.33

Berätta om er verksamhet, er vision och ert nuläge. Vi återkommer oftast redan samma dag

Jag är...
Jag vill...
Mitt största problem är...
Skärmavbild 2021-12-09 kl. 22.03.03

Erika Bonér

2025-01-10

Så bygger du trust 2025! Om er webbplats inte längre representerar er image, är seg eller osäker, eller om ni inte kan hantera innehållet, Börja här: ladda ned "Förenklat underlag för förstudie, Webbplats" ✅

avatar

NiclasV

2025-01-02

Tips, klicka på cirkeln här ovanför för att testa nightmode! Om du inte väljer aktivt så synkas nightmode med dina systeminställningar ☀️🌒 Varför har inte alla moderna siter nightmode? 🤔

robert8

Robert Edvardsson

2025-01-29

Därför ska du bygga din webbplats med Headless CMS: 💫 a) Snabbare, Säkrare och mer Flexibelt. b) Tekniskt oberoende c) Underhållsfritt och skalbart utan 3:e-parts plugins. Framtidssäkra er webb: Läs mer här

Skärmavbild 2022-02-21 kl. 08.59.33

Klobber

2025-02-08

Med AI kan du hålla flera språkversioner 🇸🇪🇺🇸🇩🇪 av din webbplats uppdaterade nästintill direkt - med ett knapptryck! Varför inte sälja bredare under 2025? Enbart för Easyweb-siter: Jag vill veta mer

freddan5

Fredrik Elnéus

2025-01-29

Inför 2025 bör svenska webbplatser notera 28 juni 2025 för EAA (tillgänglighet) och NIS2-krav kring slutet av 2024. Glöm inte GDPR, DSA och kommande AI Act/ePrivacy-förordningen. Läs mer

Responsiv webbdesign

Responsiv webbdesign (responsive web design) innebär att en hemsida anpassas efter vilken enhet och skärmstorlek man använder när man besöker hemsidan. Den responderar - anpassar - sig alltså.

Idag är det standard med responsive web design (responsiv webbdesign), men det har inte alltid varit så. (kan vara bra att veta för eventuella kids som läser detta efter min bortgång). Bara för några år sedan så byggde man ofta hemsidor som hade en fast bredd - vilket många i min generation och högre känner igen. När jag började med hemsidor på 90-talet så var det 640 pixlar man fick förhålla sig till (minus browser-ram och ev "designram" + marginal) innan själva texten eller designen kund börja. En typ-webbdesign från den tiden var alltså kanske 500-pixlar breda. Fast. Fastspikat!

Allt eftersom att datorerna blev snabbare så blev även skärmarna billigare och större, och upplösningarna högre och högre. Från 640 pixlar till 800, 1024, 1280, 1400, 2048.. osv. Idag sitter många på upplösningar runt 2500-3000, och ibland på 5120 pixlar! i Bredd!

Det är därför som så många "gamla" hemsidor ser så bedrövliga ut. De är fångade, i sina pixlar. I sin egen bredd, och betraktas som små, statiska och icke-relevanta, i dagens samhälle. Det är fruktansvärt. 


OK - nog om historia, vad är då responsiv webbdesign?

Jo - responsiv webbdesign betyder helt enkelt att storleken på hemsidan anpassas tillsammans med storleken på skärmen. Ju bredare skärm - ju bredare hemsida! På samma sätt, när skärmen krymper - eller kanske till och med "byter enhet", dvs hoppar över till ett mobilt-läge, eller en upplösning för iPads och andra surfplattor. Det ger hemsidan en helt annan stil.  Och rent designmässigt - och kommunikativt, så är det viktigt att förstå fördelarna - och nackdelarna med en sådan här design. (Det är en hel artikel bara det... läs exempelvis vårt inlägg om långa-långa-långa hemsidor.).


Är det några fall där responsiv webbdesign är fel?

För de allra flesta av våra kunder - nej. Man ska göra sin hemsida responsiv. Det finns inget alternativ. Sedan mitten av 2021 så tänker även Google "mobile-first", dvs först mobil - sedan desktop. För vissa typer av siter, shoppar eller system så KAN det eventuellt finnas en anledning att skapa en egen speciell mobil sida.

Slutsats 

  • När man bygger en hemsida idag - så måste man bygga den "10 gånger". Varje skärmupplösning, varje device, varje version av varje webbläsare. Om ni tyckte att det var enklare förut, så beror det på att det är rätt mycket mer idag som man måste ta hänsyn till som webbdesigner!
  • Köp bara en hemsida om den är responsiv! 😘

Robert Edvardsson

VD, robert@sphinxly.se

Fredrik Elneus

Byråchef, fredrik@sphinxly.se

Cookies

Den här webbplatsen använder cookiesför statistik och användarupplevelse.

Sphinxly AB använder cookies för att förbättra din användarupplevelse, för att ge underlag till förbättring och vidareutveckling av hemsidan samt för att kunna rikta mer relevanta erbjudanden till dig.

Läs gärna vår personuppgiftspolicy. Om du samtycker till vår användning, välj Tillåt alla. Om du vill ändra ditt val i efterhand hittar du den möjligheten i botten på sidan.