STARTPROJEKTKONTAKTOM OSSNYHETERBLOGG & PODD
FRAMKANTEN AV WEBBENHEADLESS CMSPROGRESSIVE WEB APPS

Lasse väljer det bästa från året

Årets app:Pokemon Go.

Årets skiva:Spotify.

Årets innovation:Jag har kört en bil i Google Streetview. Jag känner killen som hackade deras API...

Årets låt:Jag har inte bara en låt. Det är olika varje dag. Som min kostym!

Årets film:Jag har bara tittat på gamla filmer.

Årets TV-serie:Stranger Things.

Årets podcast:Jag lyssnar inte på podcasts. Men jag vet att Bubblan 2.0 är underbar!

Årets konst:Lake Keitele (1905) av Akseli Gallen-Kallela i Londons National Gallery.

Årets bok:Jag läste alla tre böcker i serien av Robert Galbraith (aka J.K.Rowling).

Årets design:Viktoriansk arkitektur och gamla brittiska sportbilar.

Årets melankoli:Snö i november.

Årets extas:Började jobba hos 24HR Stockholm i oktober.

","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/mnek.jpeg","width":1920,"height":1280,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvbW5lay5qcGVnIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTI4MCwid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzcxOTd9.wesdK3a2EuF19ZLY-o3jnyejhi6Aodq20NVDR4uuOSA","imageVersion":"v5","src":"//wp-content/uploads/2019/11/mnek.jpeg"},"preamble":"Four must read articles. Plus a bonus.","title":"Articles of the week #1","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:4960":{"_id":"4960","blocks":{"type":"json","json":[{"tag":"h1","content":"Resurs Bank 2019","index":0,"blockName":"core/heading"},{"content":"Sedan vi relanserade resursbank.se förra året har vi inte legat på latsidan","tag":"p","p":{"blockName":"next24hr/paragraph","attrs":{"contentValue":"Sedan vi relanserade resursbank.se förra året har vi inte legat på latsidan","fontSizeValue":"large"},"innerBlocks":[],"innerHTML":"\n

Paragraph

\n","innerContent":["\n

Paragraph

\n"],"index":2},"shade":null,"fontSize":"large","index":2,"blockName":"next24hr/paragraph"},{"content":"Vissa typer av branscher kräver nya funktioner och ständiga finjusteringar av sin webbnärvaro för att hänga med i de ökande kraven från sina kunder. Bankbranschen är definitivt en sådan.

Resurs Bank satsar hårt på nätet och de har alltid varit öppna för att testa den senaste tekniken. De var en av världens första banker att gå över till WordPress som CMS och deras senaste sida tog det ett steg längre och blev Headless.

Under 2019 har vi hjälpt dem att rulla ut i Finland, Norge och Danmark. Vi har integrerat deras inloggade sidor med BankID och vi har byggt ett helt eget A/B Test verktyg åt dem. Detta för att slipa på hundradelarna, och bli av med blinket när ett tredjeparts-script gick och renderade om delar av sidan, vilket de traditionella A/B testverktygen gör.

Under 2020 kommer vi att jobba vidare med bland annat en PWA för de inloggade delarna.","tag":"p","p":{"blockName":"next24hr/paragraph","attrs":{"contentValue":"Vissa typer av branscher kräver nya funktioner och ständiga finjusteringar av sin webbnärvaro för att hänga med i de ökande kraven från sina kunder. Bankbranschen är definitivt en sådan.

Resurs Bank satsar hårt på nätet och de har alltid varit öppna för att testa den senaste tekniken. De var en av världens första banker att gå över till WordPress som CMS och deras senaste sida tog det ett steg längre och blev Headless.

Under 2019 har vi hjälpt dem att rulla ut i Finland, Norge och Danmark. Vi har integrerat deras inloggade sidor med BankID och vi har byggt ett helt eget A/B Test verktyg åt dem. Detta för att slipa på hundradelarna, och bli av med blinket när ett tredjeparts-script gick och renderade om delar av sidan, vilket de traditionella A/B testverktygen gör.

Under 2020 kommer vi att jobba vidare med bland annat en PWA för de inloggade delarna.","fontSizeValue":"normal"},"innerBlocks":[],"innerHTML":"\n

Paragraph

\n","innerContent":["\n

Paragraph

\n"],"index":4},"shade":null,"fontSize":"normal","index":4,"blockName":"next24hr/paragraph"}]},"title":"Resurs Bank 2019","content":"\n

Resurs Bank 2019

\n\n\n\n

Paragraph

\n\n\n\n

Paragraph

\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/12/resurs-2019.jpg","width":800,"height":679,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTIvcmVzdXJzLTIwMTkuanBnIiwid2lkdGgiOjgwMCwiaGVpZ2h0Ijo2NzksIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3MjI4fQ.JMgspBYgDZRs-FwIm4GCMxcrGBnIPvnkSBhyA8l2zIk","imageVersion":"v5"},"preamble":"","title":"Resurs Bank 2019","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:1034":{"_id":"1034","blocks":{"type":"json","json":[]},"title":"Smartare lösenord","content":"!Vi läcker som såll på nätet & det blir allt sämre med lösenord som skydd.\r\n\r\nTrots upprepade varningar från alla håll ligger idioti som \"1234567\" kvar på top 10 listor över de [vanligaste lösenorden](http://www.dn.se/ekonomi/de-vanligaste-losenorden-2013/) och jag vet inte om jag skall skratta eller gråta.\r\n\r\n**Fast är det så konstigt?** Hur kul är det att hålla ett gäng komplicerade strängar i huvudet bara för att öka sina chanser att ha sina saker ifred? Lyckligtvis så finns det folk som jobbar på en uthärdlig lösning. Fingeravtrycksläsare och tredjepartstjänster i stil med 1Password gör livet enklare för den som vill säkra upp. \r\n\r\nDe verkligt spännande sakerna händer på de fronter där man inte skyddar viktig data utan bara vill hålla spamrobotar borta. Googles [No CAPTCHA reCAPTCHA](http://googleonlinesecurity.blogspot.se/2014/12/are-you-robot-introducing-no-captcha.html) gör det smidigare för oss människor att bevisa att vi inte är robotar. \r\n\r\n\r\n\r\n**Men det är skillnad på att hålla robotar borta och att identifiera en viss person** och det är i det senare fallet jag tror att vi står inför en smärre revolution. \r\n\r\nJag kan idag ställa in \"säkra platser\" på min telefon så när jag är hemma så behöver jag inte längre ange min PIN-kod[1]. Folk med aktivitetsarmband eller \"smarta klockor\"[2] kan ställa in att deras telefoner inte behöver låsas upp när deras bluetooth pryl är i närheten. \r\n\r\n**Jag skulle vilja ta det ett steg längre.** Med tanke på hur mycket våra telefoner vet om oss hade det varit ganska enkelt att ta fram tester som snabbt säkerställt att det var DU som försökte låsa upp den.\r\n\r\n##Kontaklistan\r\nVisa bilder på folk i din kontaktlista uppblandat med slumpmässigt utvalda från UIFaces.com. Lås upp genom att välja de som du känner.\r\n\r\n##Trivia\r\nTelefonen vet var du varit, om du har cyklat, vilka webbsidor brukar du besöka, vilka sociala medier du använder. om du har någon resa bokad och så vidare. Använd det till att ställa en serie ja och nej frågor. \r\n\r\n![Typ såhär.](http://24hr.se/wp-content/uploads/2015/01/psykografi.jpg) \r\n\r\n##Fotoalbumet\r\nVisa några av dina bilder blandat med andras. Beskär dem och visa enbart saker som finns i ditt hus. Vilken TV är din? Är detta din cykel? Vilken lunch åt du igår?\r\n\r\n##Brandvägg *light*\r\nDet jag tänker är att om telefonen upptäcker att den är på en plats den inte brukar vara och används på ett okaraktäristiskt sätt så slår den på en \"mjuk brandvägg\". Alla försök att öppna en app med känslig information — antingen anger du vad som är känsligt eller så kan apptillverkaren bestämma — så måste man svara på en rad av dessa frågor för att bevisa att man är telefonens rättmätiga ägare. \r\n\r\n\r\n\r\n\r\n\r\n***\r\n[1] Jag har ingen PIN kod i strikt mening utan ett mönster jag ritar. För enkelhetens skull kommer jag att referera till den som en PIN kod även i fortsättningen. På samma vis skulle det kunna handla om att låsa upp med tumavtrycket istället för med en fyrsiffrig kod, trots att det har en uppsättning styrkor och svagheter som skiljer sig från en PIN kod precis på samma vis som ett ritat mönster har sina egna styrkor och svagheter.\r\n\r\n[2] Det är nog för sent att försöka komma på ett vettigt namn för smart watches\r\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/itsasecret.jpg","width":1254,"height":837,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvaXRzYXNlY3JldC5qcGciLCJ3aWR0aCI6MTI1NCwiaGVpZ2h0Ijo4MzcsIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3MzI5fQ.Myku0nFbFP8XdQS77L2Mu7c-3QC46ReXwZcnmITsItg","imageVersion":"v5","src":"//wp-content/uploads/2019/11/itsasecret.jpg"},"preamble":"Några tankar kring ett psykografiskt skydd mot dataintrång på telefoner.","title":"Smartare lösenord","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:3242":{"_id":"3242","blocks":{"type":"json","json":[]},"title":"Page Speed & PageRank","content":"!Laddar inte din sida på under en sekund förlorar du besökare.\r\n\r\n### Snabbare webbplats ger\r\n1. Bättre PageRank\r\n2. Minskad Bounce rate\r\n3. Nöjdare besökare\r\n\r\nSedan januari 2018 räknas en sidas laddtid in som en faktor för Googles PageRank. Men hastighet är av större betydelse än så. Enligt vissa undersökningar så ger 7% av besökare på en webbsida upp efter en sekund. Om tiden det tar att ladda går från 1 sekund till fem ökar sannolikheten för “bounce” med 90%. I en undersökning från Google angav 75% att laddtiden var viktig för användarupplevelsen medan bara 24% ansåg att sidan var attraktiv spelade någon roll.\r\n\r\nDet är med andra ord *extremt viktigt* att sidor laddar snabbt och pålitligt. **Den som vill jobba seriöst med konverteringar gör med andra ord bäst att se över sina laddtider.** Steg ett är att se till så att bilder är korrekt komprimerade. I nio fall av tio är det just tunga bilder som ställer till det. \r\n\r\nDärefter finns det inget annat att göra än att grotta ner sig i koden. Laddas många externa skriptbibliotek? Görs det flera små anrop till servern istället för ett stort? Hämtas bilder som inte syns på skärmen? Det finns mycket att göra men det krävs att du har full kontroll över hur sidan renderas vilket är en av anledningarna till att vi började bygga webbsidor [Headless](https://www.24hr.se/vad-ar-headless-cms-vad-ar-decoupled-cms/).\r\n\r\n### Resultatet är imponerande.\r\nResursbank är idag Sveriges näst snabbaste banksida och anledningen till att vi skryter med en andraplats är att vi sett till att Resursbank kan ladda 9X så mycket på bara 0.3-0.5 sekunder längre tid. (Vi håller på att slipa bort några extra tiondelar av laddtiden)\r\n\r\nHur gör vi det? Det får du boka ett möte för att ta reda på. Låt oss bara säga att vad Bank Norweigan pysslar med är att skjuta sig själva i foten.\r\n\r\n\r\n[Att gå från 1 till 5 sekunder ökar risken för bounce med 90%](https://www.thinkwithgoogle.com/data/page-load-time-bounce-rate-increase/)\r\n\r\n[75% anser att laddtiden är viktig, dvs 3x jämfört med utseendet.](http://www.awwwards.org/brainfood-mobile-performance-vol3.pdf)\r\n\r\n[Sveriges banker rankade på hastighet](https://www.thinkwithgoogle.com/feature/mobile/?country=Sweden&network=4G&domains=resursbank.se,seb.se,nordea.se,swedbank.se,ikanobank.se,banknorwegian.se,getdreams.com,bynk.se,handelsbanken.se)\r\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/pagerank-pagespeed.jpg","width":1960,"height":980,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvcGFnZXJhbmstcGFnZXNwZWVkLmpwZyIsIndpZHRoIjoxOTYwLCJoZWlnaHQiOjk4MCwid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzczNzV9.Ux1gRjB8PFQ-73Z5E_d7P07S9xKccg-qtYPv9SdBm1c","imageVersion":"v5","src":"//wp-content/uploads/2019/11/pagerank-pagespeed.jpg"},"preamble":"Hastighet är UX","title":"Page Speed & PageRank","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:755":{"_id":"755","blocks":{"type":"json","json":[]},"title":"Bilder, bilder och åter bilder. Gratis!","content":"!Att jaga bilder för mock-ups eller (värre) färdiga sidor är inte helt lätt. På sistone har det dykt upp saker som gör det lättare.\r\n\r\nOm du jobbar med webb har du säker någon gång suttit och jagat bilder. Det känns märkligt att det skall vara så vårt att få tag på en bra bild i denna tid av visuellt överflöd. Vill man dessutom undvika [jönsiga stock-foton](http://menlaughingaloneeatingfruitsalad.tumblr.com/ \"Fight Club någon?\") så blir det svårare och skall de dessutom vara [CC0](https://www.24hr.se/vad-ar-cc0/ \"Bjudgodis\") så är det nästan omöjligt. \r\n\r\nMen, detta problem är på god väg att bli ett minne blott.\r\n\r\n###DIY###\r\n[Google](https://www.google.com/search?q=happy+smiling+chairs&safe=off&espv=2&biw=1582&bih=866&source=lnms&tbm=isch&sa=X&ei=TK4SVPXxF4LXyQOW94KgCQ&ved=0CAYQ_AUoAQ#safe=off&tbs=sur:fmc&tbm=isch&q=bright+future) låter dig numer ange CC-licens som sökparameter. På flickr kan man söka i [The Commons](https://www.flickr.com/commons \"För mkt\") och hitta [en hel del fint.](http://www.pinterest.com/thekmf/creative-commons-images/ \"Ta för dig\")\r\n\r\n###Få hjälp###\r\nMen bäst av allt är ändå webbplatsen [Pexels.com](http://www.pexels.com/ \"Ideas are nothing\") som hämtar bilder från de i sin tur fantastiska [Gratisography](http://www.gratisography.com/ \"Bra saker\"), [Unsplash](http://unsplash.com/ \"Fin fint\") mfl och gör dem sökbara. Eller varför inte [TheStocks.im](http://thestocks.im/ \"Execution is everything\") som gör exakt samma sak och med i stort sett samma bilder. \r\n\r\nEtt annat bra val är [StockSnap.io](https://stocksnap.io/) som även de vaskar fram [CC0](https://www.24hr.se/vad-ar-cc0/ \"Vad är CC0?\") bilder och gör dem sökbara.\r\n\r\n###Avatarer###\r\nEtt annat kärt problem är att få tag på vettiga avatarer att jobba med i designförslag, mock-ups etc. Ett tag genererade jag alltid några från [Face Your Manga](http://www.faceyourmanga.com/ \"Du har sett dem förr. Jag lovar.\") men det blev lite enahanda.\r\n\r\nSå när jag häromdagen upptäckte [uiFaces](http://uifaces.com/) blev jag så glad att jag genast donerade [min egen avatar](http://uifaces.com/h4emtfr \"Vackert!\") till allmänhetens bästa.\r\n\r\nSe nu för gudars skull till att använda dessa i kombination med [uiNames](http://www.uinames.com/ \"Tyvärr nödvändigt\") så att jag slipper se fler [slarvmissar](https://pbs.twimg.com/media/BxNFhBqIQAAQ-oZ.png:large) i framtiden. ","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/timessq.jpg","width":1024,"height":692,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvdGltZXNzcS5qcGciLCJ3aWR0aCI6MTAyNCwiaGVpZ2h0Ijo2OTIsIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3NDA4fQ.dc_V9WIvSSz84xoC0jigoyb-6pDyTb1ulvUGP8Yri4E","imageVersion":"v5","src":"//wp-content/uploads/2019/11/timessq.jpg"},"preamble":"En samling länkar till den som letar gratis bilder.","title":"Bilder, bilder och åter bilder. Gratis!","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"}}