En kärleksförklaring till en enhet

Alla som har byggt webbplatser har hamnat i en fundering och förhoppningsvis en diskussion om vilken enhet man ska använda som mått i sin CSS eller HTML. Det kan till synes vara en trivial fråga, men den är på intet sätt enkel. Inte förrän nu vill säga. För nu finns det en enhet som heter REM, eller Relative to Root Element.

Tidigare så har man haft möjlighet att välja mellan fyra varianter av enheter: Det klassiska pixelmåttet (px) - som baserat på att vi konsumerar webb på skärmar med pixlar känns naturlig; Punkter (pt) som med fördel används till utskriftsvarianter av webbplatser; Procentsatser (%) som ger en relativ storlek till det senaste bestämda måttet i objektmodellen; Och Relative to Element (em) som likt procentsatsen ger en relation till det senast satta.

När man bygger webbplatser med ramverk finns det en enorm fördel att bygga med relativa mått. Det finns däremot ett problem med att det gärna blir ganska komplext, procentsatser ger ingen egentlig uppfattning av hur stort ett element egentligen är (80% av 17px är vad?), och Relative to Element blir gärna abstrakt (0.8em av 1.7em är vad?).

Så, nu finns REM. Det är precis som det heter relativt till root-elementet i XML-strukturen som används. Det vill säga <html>. Kontentan är att vi kan sätta en font-size för just <html> som vi kan utgå från, för alla värden på webbplatsen. Konsekvensen blir att vi alltid kan räkna med enkla siffror. Om vi sätter att 1REM är 10px så är exempelvis 1.4rem alltid 14px. Därtill har vi möjligheten att skala webbplatsen genom att förändra en rad. Om vi ändrar fontstorleken på html från låt säga 10px till 12px så skalar allt upp, hela webbplatsen - inklusive all grafik som är definierade med REM. Att bygga adaptiva och/eller responsiva lösningar har aldrig varit så enkelt. Den senaste webbplatsen vi använde det i är Carnegie Fonder, som skalar mellan exempelvis desktop och stor desktop med just en förändring mellan 10px och 12px font-storleken i <html>.

Värt att nämna är att procentsatser för att definiera 1rem (ex: 62.5% som motsvarar 10px) inte fungerar i Internet Explorer 9. Å andra sidan har vi sen IE6s död inget behov av att sätta procentuella storlekar (IE6 kan inte skala fasta storlekar). Och, självfallet, hänger inte tidigare versioner än 9 av Internet Explorer med alls. Lösningen på det är att man får definera en fallback: "width:100px; width:10rem;".

Summa kardemumma är att vi har en enkel och hanterbar enhet. För alla storlekar som behöver sättas på en webbplats.
Framtiden är här.

Vi är Obviuse

Vi gillar webb som fyller en funktion. Som känns självklar. Det är den typ av lösningar vi bygger.

Obviuse är en webbyrå i Stockholm som planerar, designar, producerar och förvaltar webbplatser som är lätta att ta till sig. Vi tycker det är roligt och därför är vi bra på det.

Vi är Obviuse. En del uppenbart och en del användbart. Tillsammans något riktigt bra.

På Obviuse är vi alla involverade i arbetet som leder fram till en webbplats. Alla ser den realiserade webbplatsen som målet. UX är inte en delleverans, det följer med hela vägen. Visuell design är inte yta, det är en del av idéprocessen. Implementationen är inget som knyter ihop säcken, den är med från början. Vi gillar att ifrågasätta varandra – vi bollar lösningar och tänker iterativt. Det är resultatet av vårt gemensamma arbete tillsammans med våra kunder som betyder något.

För oss tar inte jobbet slut när en webbplats lanseras. Det är då det intressanta börjar. Att ständigt förbättra och utveckla både kommunikation och teknik är det som krävs för att webben ska uppfylla sitt syfte – att driva vår kunds verksamhet framåt. Det driver oss.

Projektbeskrivningar
Våra webbplatser
Kontakta oss
Människor

Kalas med Umbraco-tema

I veckan arrangerade vi på Obviuse världens första Umbracokalas tillsammans med våra branchkollegor på Toxic Interactive Solutions. Det blev en heldag med lärande och trevligt umgänge, precis som vi hade hoppas på.

Vår egen Markus som är Umbraco MVP, var en av flera talare 😎

Nästa år blir det kommer det en repris, mer om det längre fram!

Resor med extra allt

Vi har släppt nytt åt våra vänner på Travel Beyond. Berntzon Bylund ligger bakom ansiktslyftet som vi sedermera förfinat till en härlig webb. Den tar onekligen för sig på ett ogenerat sätt; så som sig bör när man kommunicerar de mest exklusiva resorna på denna planet.

Dröm dig bort en stund på Travelbeyond.se

En Umbraco MVP ibland oss

Under det årliga Umbraco-eventet CodeGarden i Odense, Danmark utsågs vår kollega Markus till Umbraco MVP för 2023. Juryns motivering löd: 

Markus is consistently providing support and maintenance for much-loved Community packages. He is always ready to help across the forums, making the lives of fellow Umbracians easier.

Vi på Obviuse är självklart superstolta över att Markus får denna utmärkelse och erkännande, stort grattis!

CookieTractor på Techskaparna

Vår Markus har varit gäst hos den trevliga podden Techskaparna av Anna Leijon och pratat CookieTractor. Det blev ett samtal om vår resa med CookieTractor och de erfarenheter vi fått på vägen. Tack för att vi fick vara med!

> Till avsnittet 

Vi lanserar en nyare ERA!

Vi har jobbat hårt under året med att designa och utveckla en helt ny webb åt ERA Sverige – vår allra trognaste kund! Det var 10 år sedan vi lanserade vår första version av webbplatsen och man måste säga att mycket har hänt sedan dess. Som tur är till det bättre! Vi har plitat ihop en projektbeskrivning som vi rekommenderar alla nyfikna att slänga ett öga på. Jämför gärna med våra tidigare case för ERA 2015 och 2012. Det blir något av en tidsresa över både vår och webbens utveckling genom åren. Festligt värre!

Nämen!

Idag fyller vi år! Vi fyller jämnt! Vi fyller tio!

För ett decennium sen startade vi Obviuse. En liten webbyrå där vi strävade efter att vara effektivare och mer snabbfotade än de normgivande byråerna för tiden. Vi hade en hög svansföring med användarvänlighet, tillgänglighet och kvalitet som ledord. Vi skulle utveckla bättre webb, som drevs av lusten av att skapa. Som drevs av att kunna göra mer genom ett tätt samarbete mellan våra olika respektive kompetenser. Alla inblandade skulle kunna avlasta, stötta och lyfta varandra; designerna skulle förstå utveckling och vice versa. Vi skulle alla hantera all kundkontakt och all projektledning. Vi skulle ha ett tight erbjudande och kämpa för att kunderna skulle få valuta för pengarna. Transparens, kundnytta, och kundnöjdhet var fokus under hela processen. Stora och fina tankar. 

Det är mycket som hänt under åren. Det visar sig att tio år är en lång tid! Det har landat i nya människor, i nya och fler intressen, och vi som är inblandade har delvis formats till nya personer.  Men samtidigt är allt likadant. Tor och Peter som var med vid start har förvisso valt att göra annat. Men det är fortfarande samma ambitioner, målsättning och drivkrafter bakom Obviuse. Vi drivs fortfarande av lusten att skapa. Av att göra något bättre.

Allt började med utvecklingen av en webbplats åt ERA Sverige. De är egentligen den stora anledningen till att vi kommit dit vi är idag. Utan dem hade det helt klart varit svårare att komma igång. Under tiden vi satt med ERA snurrade vi också igång att bygga webb åt Carnegie Fonder, och att designa lösningar åt Mindset. Strax därefter började samarbetet med Mattecentrum till vilka vi byggt Matteboken och Pluggakuten. Med de webbplatserna kom vi in på IDG Topp100 och fick Publishing-Prisets Användbarhetspris, ett härligt kvitto på att vårt upplägg fungerar! Vi fick förtroende från Unlimited Travel Group att bygga webb åt alla deras resebyråer, med Världens Resor och Travel Beyond som tidiga projekt. Vi ska också nämna fina samarbeten med iCore Solutions, Byggherrarna, Hantverkarna, Grodan, Adtraction, Bro Hof Slott, Ibeco, Särnmark, Foodstyles, Itrim, Volvo Car Retail, Bilia och Fundrella med många fler. Det är några få som valt andra leverantörer över tid, men det är magiskt att lejonparten fortsätter anlita oss! 

Nu tio år in så har vi en fantastisk bredd av kunder, stora som små med olika förutsättningar och olika utmaningar. Men det är helt klart ni, våra kunder, som formar oss. Tack för förtroendet! 

En bättre cookie-fråga

Cookie consent-dialoger har blivit ett krav för alla som sysslar med marknadsföring på webben. Vi har letat efter vettiga lösningar för våra kunder men inte riktigt gillat det som marknaden erbjuder. Vi testade några olika varianter, men det kändes inte rätt att låta våra kunders webbar frontas av ett halvdant första intryck. Vi hade en stark känsla av att vi kan göra det här bättre. Så då gjorde vi det. Säg hej till CookieTractor!

Eller varför inte bara öppna dialogrutan igen?
Inställningar för cookies

Upplands Motor blir Volvo Cars

Tidigare i år köpte Volvo Cars vår kund Upplands Motor med en långsiktig ambition att komma närmare sina kunder både fysiskt och digitalt. Vi är stolta att få vara en del av resan – som nu startar med lanseringen av Upplands Motors webbplats i Volvos kostym under domänen volvocarretail.se. Struktur och innehåll är i stort sig likt men vi har applicerat Volvos grafiska profil fullt ut på hela webbplatsen. 

I samband med Volvos förvärv har Upplands Motor knoppat av Mercedes-Benz delen av sin verksamhet som sålts till Bilia. På biliamercedes.se hittar man numera en systersajt. Vi har justerat den grafiska utformningen för att passa Bilia.

Ny webb för två av Europas bästa golfbanor

I princip alla som spelar golf i Sverige känner till Bro Hof Slott. Där återfinns två av de finaste banorna vi har i landet, och de står erkänt starkt även i internationella jämförelser. 

Banorna öppnade för säsongen redan den 1 april, och samma dag släppte vi Bro Hofs nya webbplats med en ny grafisk profil. Fokus ligger på att presentera banorna i detalj – men givetvis också deras erbjudande i stort med medlemskap, anläggningen etc. 

Utöver den rent informativa delen av webbplatsen så har vi även integrerat en e-handel vars innehåll kan återfinnas överallt på sajten. Vi använder Shopify som motor för att hantera produkternas innehåll och infrastrukturen kring betalning och leverans. Integrationen upplevs som helt och hållet sömlös, och varukorgen synliggörs först när användaren lagt till en produkt. Riktigt slick, om vi får säga det själva.

Ny webbplats åt Itrim

Itrim är träningskedjan som hjälper människor leva ett hälsosammare liv. De är i full gång med att uppgradera sina gym med toppmoderna redskap och dessutom storsatsar man på digitala medlemskap. Man har mycket att prata om med andra ord – vilket såklart görs bäst på en ny fin webbplats! 

Den nya sajten har ett flexibelt innehållssystem som gör att sidorna kan byggas upp på ett varierat och inspirerande sätt, allt för att göra innehållet lätt att ta till sig. Det blev en färgsprakande design som strävar efter att kännas positiv och glad. Itrims egna bildmaterial hjälper till att kommunicera en avspänd och lättsam inställning till hälsa, långt ifrån känslan av spänniga gym och jobbiga förmaningar.

Det här är bara början på Itrims digitala resa. Det är kul att vi får vara med!

Pluggakuten är Sveriges bästa utbildningssajt

Vi är fantastiskt glada och stolta över att Pluggakuten har vunnit pris för Sveriges bästa utbildningssajt på IDG Topp100! Det är verkligen ett skönt kvitto på det idoga arbete som Pluggakutens moderatorer, Mattecentrum och vi lägger på den här sajten. Nu hoppas vi att ännu fler elever kan nås av den hjälp som erbjuds på forumet av alla hängivna medlemmar. Bättre läxhjälp finns inte!



Är du nyfiken på hur vi tänkte när vi tog fram nya Pluggakuten så ta en titt på vår casebeskrivning.  

Pluggakuten vinner avändbarhetspriset

För andra gången vinner vi Publishingprisets Användbarhetspris tillsammans med Mattecentrum! Stort eloge till Mattecentrum för att de vågade satsa på en total makeover av en så trogen gammal arbetshäst som Pluggakuten. Det har varit en lång resa och en hel del slit men vi är så stolta över resultatet. Woooohooo!

Juryns motivering:
För ett superanvändbart forum som drar nytta av webbens möjligheter – engagerar.

Matteboken vann Användbarhetspriset!

Igår uppmärksammade Svenska Publishing-priset Matteboken med dess specialpris Användbarhetspriset! Motiveringen löd: För en underbar sajt med väl fungerande övningsuppgifter, instruktiva filmer och tydlig navigation.

Det är fantastiskt smickrande att Matteboken får en utmärkelse inom just användbarhet, det känns som ett fint kvitto på vår strävan efter att sätta användarupplevelsen i centrum. Stort tack till Mattecentrum för ett grymt samarbete, och till Populär Kommunikation och dess jury för priset!

Läs mer om hur vi tog fram Matteboken
Se alla vinnare av Svenska Publishing-Priset 201

Ta fram ballongerna!
Inställningar för cookies
Bisnode AAA rating