Nytt år och ny tag på bloggen

Gott nytt år
Foto sunsurfr

Det har bara gått några dagar av 2014 men jag kände att det var dags att säga hej då till wordpress.com som varit min trogna wordpress-plattform tills idag.  Bloggen ligger numera istället hos min nya favorithost när det gäller wordpress, wpengine.com. Förutom att det går supersnabbt hos wpengine är det riktigt smidigt att skapa nya bloggar och hela plattformen är anpassad efter just wordpress med inbyggt stöd för caching och CDN för hantering av bilder och andra resurser.

Mer märkbart är kanske att jag även passade på att förnya temat, jag hade initialt tänkt använda samma tema som tidigare (Neutra) men de har blivit övergivit och inte fått någon kärlek på över 2 år. Så istället fastande jag för wordpress default tema Twenty Fourteen, som med lite anpassningar fungerar väldigt bra. För att inte sakna wordpress.com för mycket valde jag även att installera jetpack, som innehåller alla plugins som finns för just wordpress.com.

Övriga plugins som behövdes för att få samma funktionalitet som tidigare:

  • Simple Twitter Tweets, fixar twitter widgeten
  • Efficient Related Posts, för att hitta relaterade inlägg
  • Link Manager, hade inte ens reflekterat över att länkar/blogroll hade försvunnit från standard installationen av wordpress. Men med denna plugin får man samma funktionalitet som tidigare.
  • All in one Favicon, låter mig visa min egen favoicon
  • Floating Social Bar, erbjuder riktigt smidig och snygg lösning med social delning via facebook/twitter/g+. Dessvärre fungerade det inte med mitt tema, då den per default floatar  vid top:0. Men jag behövde en offset eftersom temat har en header högst upp. Detta var inget som stöddes i pluginen istället fick jag in och hacka själv i js-filerna, för att undvika att jag uppdaterar den igen av misstag och blir av med detta installerade jag även Block Specific Plugin Updates.
  • WordPress SEO, ett självklart val för att SEO optimera bloggen och inläggen.

Jag har även passat på att uppdatera domänen till whoami vilket var tanken från början men en miss av mig när jag satte upp wordpress första gången. Nu när jag har kontroll över servern kan jag däremot se till att den gamla domänen gör en riktigt redirect för att inte tappa något hos sökmotorerna.

Nyårslöften för 2014

2014 kommer bli ett mycket tuff och spännande år, hoppas ni känner likadant, följande är mina löften för det kommande året, dela gärna med er av era löften/planer i kommentarerna.

  • Starta ett nytt företag
  • Starta och driva min egen webbshop
  • Få igång minst en av mina vilande domäner
  • Delta på minst 2 hackathons (där wowhack troligen kommer vara ett av dem :))
  • Skriva minst 6 blogginlägg 🙂

Under 2013 postade jag 5 inlägg, jag tycker ett inlägg varannan månad är en bra målsättning. Min avsikt är att blogga så fort jag har något av värde, dela med mig av erfarenheter eller nya projekt. Följ mig gärna på twitter så kan du enkelt hålla koll på när nya blogginlägg publiceras.

Information om bitcoin samlat på bitsek.se

bitcoin

På senare tid har bitcoin haft en minst sagt turbulent tid och pressen skriver gärna om Ung norrman miljonär på bitcoin-köp eller motsatsen De virtuella pengarnas destruktiva kraft.

Men det finns många som tycker till om bitcoin för tillfället men det är inte alltid baserat på fakta och mycket av informationen där ute svår att hitta eller är på engelska. I ett försök att reda ut missförstånd har vi samla alla fakta på ett och samma ställa. All text är på svenska och strukturerat på ett enkelt sätt. På hemsidan går vi igenom vad bitcoin är, hur man köper och säljer bitcoin och svar på vanliga frågor om bitcoin. Vi även skapat Sveriges första säkerhetsguide som går igenom vad man bör tänka på när man handlar med BTC. Du kan även använda sidan för att konvertera från svenska kronor till bitcoin och vise versa.

Ryggstolen

ergositter-x2För ett tag sedan blev jag kontaktad angående att blir partner i ett kommande projekt, projektet handlade om att skapa en ebutik för en specifik kontorsstol. Kontorsstolen i sig har en speciell design som både lindrar och förebygger ryggproblem. Jag har även kommit i kontakt med stolen tidigare genom mitt arbete för smärtfri.se och har nu använt stolen i mitt hemmakontor under flera år och är mycket nöjd. Det är Ryggstolen Ergositter som vi planerar att sälja under domänen ryggstolen.se. För att tidigt kunna mäta intresset valde jag att lägga upp en simpel one-pager som är tänkt att på ett enkelt sätt visa vad som är så speciellt med Ergositter X2, visa de youtube-klipp som vi har inspelade och ett intresseformulär för att komma i kontakt med oss.

Runkeeper lurar iPhone användare

Jag var ute och gick tillsammans med min sambo, vi båda har varsin smartphone, hon en iPhone 4 och jag en HTC One och vi använder båda runkeeper för att hålla koll på hur långt vi har gått. Men jag upptäckte något konstigt under våra promenader, runkeeper rapporterar mycket högre siffror för henne än för mig. Jag bestämde mig därför för att sätta runkeeper på prov idag genom att ha båda mobilerna i min fika och resultatet visar ändå en enorm skillnad.

KM DURATION AVG MIN/KM CALORIES
iPhone 9.55 1:35:45 10:02 594
Android 8.47 1:35:41 11:18 566

Som tabellen visar rapporterar iPhone hela 1.08 km längre på exakt samma sträcka. Om man kollar i kartan så börjar det klarna varför, GPS positioneringen på iPhone verkar mycket sämre och hoppar fram och tillbaka på flera platser. Eller att Android har en smartare algoritm för att räkna ut en realistiskt position, för den ser även mycket mer ”naturlig” ut.

Runkeeper Android Runkeeper iPhone

Någon som har noterat liknande beteende? Så nästa gång en iPhone användare skryter med hur långt de har gått/sprungit/cyklat vet du att deras siffror är/kan vara kraftigt kryddade 🙂

Mademoiselle Mary

Fick för ett tag sedan det roliga uppdraget att ta fram en simpel sida för Maryam Zarrinjouei som sysslar med silversmide och smyckesdesign på fritiden. Jag fick fria händer och hittade ett bra tema till wordpress och satta igång med sidan. Sidan kretsar kring hennes fotoblogg där hon lägger upp bilder från hennes nya skapelser och en katalog över färdiga smycken.

Jag har även fotat själva ringen i min hemmastudio, var första gången på riktigt länge som jag fick chansen att damma av mina Elinchrom blixtar och leka lite med ljussättningen. Saknade dock min Canon 100mm macro som hade passat perfekt för att fota hennes ringar med. Fler ringar är färdiga och bilder på dessa kommer snart.

Spreadshirt – Sälja varor med API

spreadshirt-logoJag har alltid varit intresserad av att driva min egen webbshop, jag har har vid flera tillfällen både installerat och underhållit olika webbshoppar men aldrig något eget. Därför blev jag extra intresserad när jag nyligen upptäckte Spreadshirt och fram för allt Spreadshirt API, jag gillar tanken bakom APIer,  möjligheten att bygga vidare eller mixa olika datakällor och blev intresserad av att testa spreadshirt och se hur deras API fungerar.

Jag började med att skapa ett konto och att ansöka om en API-nyckel, de gör skillnad på den europeiska och amerikanska marknaden. Länken i deras api information länkar till den tyska sidan för den europeiska marknaden, men ett snabbt hack visar att det gick lika bra med den svenska sidan genom att byta ut .de till .se.

Första steget är redan avklarat, jag tyckte inte produktbilderna passade in bra med designen på min butik så jag valde ändra på hur produktbilderna presenteras. Detta gjorde jag genom att bygga en egen mashup som laddar ner befintliga produktbilder från deras image-server, ta ut trycket från bilden och lägga det på mina egna bilder, fria från 90-tals drop-shadow, sedan roterar jag bilden och lägger en liten reflektion under bilden. Bilderna komprimeras sedan med tinypngs API (deras API är i stängd beta men kontakta dem på twitter om ni är intresserade av att testa) och laddas sedan upp och cashas på amazon s3. Tjänsten är för tillfället fri att använda och koden släppt som open source så kolla gärna in image.spreadshirt.pixel2.se.

Nästa steg är att utveckla min egen webbshop som kopplar mot Spreadshirts API. Genom deras api kan man få tillgång till följande information

  • Produktbilder i valfri storlek
  • Butiks information (så som valuta, språk, tidigare beställningar)
  • Artiklar (produkt information, priser, rabatter, design)
  • Kundvagn (spara produkter i kundvagnen)

Så när kunden trycker på att gå till kassan måste man fortfarande vidarebefordra kunden till spreadshirts egen betallösning, vilken till en viss del kan vara skönt då man slipper allt strul med betalningar. Men det gör också att det blir svårare att påverka flödet i kassan, och t.ex. fraktkostnader.

De har också en mycket användbar API Browser som jag använt vid flera tillfällen där man enkelt kan testa olika anrop och se deras svar.

Webbshoppen bygger jag med min favoritplattform wordpress med woocommerce plugin för att lägga på extra funktionalitet för webbshoppen, shoppen bygger även på ett tema från samma företag. Både deras tema och woocommerce är mycket smidigt att arbeta med då de följer samma princip som wordpress med hocks som man kan registrerar sig på. Vilket gör att det är mycket enkelt att lägga till egna delar eller helt byta ut befintligt innehåll utan att behöva göra några modifieringar i deras kod. Detta gör det mycket enklare att underhålla då alla ändringar ligger i min egen plugin, och det gör det också väldigt enkelt att uppdatera deras kod ifall det skulle behövas.

Så vad är det jag tänkte försöka mig på att sälja undrar du kanske då….  domänen säger förhoppningsvis allt; tygpåsar.nu mer om det senare 🙂

Mina reflektioner över WebCoast 2012

Över helgen har jag fått äran att delta på webcoast, ett stort tack till binero som gjorde det möjligt. Det var första året för mig på webcoast som är en uniconference med inriktning på web och sociala medier. Det har varit en mycket trevlig helg med intressanta föreläsningar, men framförallt intressanta möten med nya människor.

Men det var framförallt två möten, två sessioner som var extra inspirerande (följer man mitt twitter-flöde kanske man kan lista ut vilka ;)).

image

Det började strålande redan under förmiddagen med en API duo av Annika Linde och Andreas Krohn där de pratade första om apier ur ett marknadsförings perspektiv och sedan mer praktiskt om vilka apier som finns att tillgå och vad man kan göra med dem.

Som en bra avrundning på dagen höll Annika också en session om 12 steg att tänka på som startup, ett steg mer än förra gången hon höll presentation. Undrar om det blir en 13 stegs process nästa år? 🙂

Båda sessionerna, och många fler finns tillgängliga på bambuser och man kan nog till och med höra mina kniviga frågor mot slutet.

Nästa år ser jag fram emot, och skall försöka hålla min egen session om användarvänlighet och user interaction både på webben och i mobila lösningar på WebCoast 2013.

Jag bloggar detta på buss 16 på väg in till dag 2, för att jag är med och tävlar om Bineros grymma “surfplatta”  🙂

Slå samman twitter, youtube, bloggen till ett rss flöde

Jag fick nyligen i uppdrag att presentera alla sociala aktiviteter för en speciell kund samlad på en och samma sida. Jag testade först med att lägga in widgets från twitter och installerade en rss-widget för wordpress, som fungerade ganska bra, men det blev väldigt rörigt och gick inte att få en översikt över aktiviteten. Och det finns ingen bra widget för youtube att använda.

Jag ville istället presentera alla aktiviteter i ett gemensamt flöde på hemsidan. Men för att göra det enklast ville jag sammanfoga flödena till ett flöde som jag sedan med hjälp av en simpel rss-widget kunde visa på hemsidan.

Jag sökte runt en del och testade några olika tjänster innan jag hittade en perfekt träff för det jag ville göra, Yahoo Pipes. Men Yahoo pipes kan man definiera ett antal källor att läsa från, dessa kan man sedan bearbeta för att slutligen slå samman till ett flöde. Steg ett är att hitta rss-feeds för de källor man vill visa, se min tidigare post om hur man hittar rss feed för youtube kanaler, för twitter finns det i deras API-beskrivning en länk till hur man får fram rss-flödet genom user_timeline. För bloggen, om det är en wordpress-blogg, lägger man bara på /feed/ i slutet av adressen för att få rss-flödet.

Så här satte jag upp Yahoo Pipes för att slå samman flera flöden till ett

  1. Letade reda på rss-feed för de flöden jag ville inkludera och drog ut tre stycken Fecth Feed
  2. I twitter flödet ingår även användarnamnet i varje rad, eftersom jag enbart visar flödet för en person ville jag inte ha med detta och la därför till en Loop med en String Replace item.title och tog bort ”<användarnamn>:
  3. Drog sedan min loop och de andra två flödena till en Union för att koppla samman dem
  4. Efter detta är det viktigt att lägga till en Sort, annars kommer ändå alla inlägg från en feed först och man ser ingen skillnad
  5. Sist valde jag att beskära flödet med Truncate och enbart visa top 10 träffar.
  6. Sista boxen blir då Pipe Output, kollar man i debuggern eller kör sin pipe så ska man se alla flöden sammanfogade till ett.

När nu alla flöden var sammanslagna kunde jag med en simpel rss-widget inkludera dessa på kundes wordpress sida. Och med några enkla hack för att vissa rätt ikon för respektive rad i flödet så måste jag säga att det blev mycket bra. Fler detaljer om hur jag satte upp yahoo pipes spana in min pipe.

Så här får du tag på RSS-flöde för din kanal på Youtube

Jag ville nyligen visa Youtube-aktivitet för en speciell kanal direkt på kundens hemsida. Nu för tiden är man ganska bortskämt med att webbtjänster tillhandahåller både färdiga widgets och API. Men att komma åt ett simpelt rss-flöde är inte alltid lika enkelt längre. Och informationen om just Youtube är både mycket utspridd och inte så väldokumenterad.

Efter att sökte runt en bra stund och nästa gett upp gick jag in och granskade källan på youtube.com och såg då det jag letat efter så länge. Adressen till flödet, unikt för varje kanal. Så dagens tips är kort men förhoppningsvis sparar det dig lite huvudbry ifall du vill göra något liknande med youtube-flöden.

Så här får du fram flödet

  • Högerklicka på sidan och välj ”visa källa”
  • Scrolla ner tills du hittar <link rel="alternate" type="application/rss+xml" title="RSS" href="http://gdata.youtube.com/feeds/base/users/<namnet-på-kanalen>/uploads?alt=rss&v=2&orderby=published&client=ytapi-youtube-profile">och kopiera hela href-attributet.
  • Eller anpassa adressen själv genom att bara byta ut delen med kanalens namn i.

Så har du ett flöde med rubrik, beskrivning och en thumbnail över videoklippet. Själv ville jag göra detta för att kunna slå samman flera flöden till ett, men mer om det i ett kommande inlägg. Ifall du vill göra mer avancerade saker mot youtube finns även ett API att tillgå.

Uppgradera minnet i HTC Desire till 16 gb

20110617-102732.jpgJag har fram tills nu klarat mig bra på det 4 gb minneskort som följer med som standard till HTC Desire. Men eftersom man nu kan installera fler och fler appar på sd-kortet börjar utrymmet att tryta. Jag bestämde mig därför för att skaffa ett större minneskort. Telefonen använder standard micro sd kort så det finnes ett stort utbud av märken och storlekar. Jag valde ett Sandisk 16 gb micro sd-kort och fick betala 399 kr.

Uppgradera minneskort utan att förlora data

En viktig faktor är att jag fortfarande vill ha kvar all data från mitt gamla minneskort, alla bilder men även applikationer och deras inställningar. Vissa tipsar om att införskaffa en kortläsare för att säkerhetskopiera alla filerna, men det visade sig att androids möjlighet att agera som diskenhet fungerade minst lika bra.

Så här gjorde jag för att byta minne på min HTC Desire

  • Jag började med att ansluta telefonen med usb-kabeln och väljer att montera den som en diskenhet till datorn och tog en kopia av allt på minneskortet.
  • Med detta klart stänger jag av telefonen och bryter med lite kraft loss baksidan och tar ut batteriet för att kunna skjuta ut minneskortet.
  • Byter bara plats på minneskorten och monterar ihop telefonen.
  • Startar upp telefonen och monterar den återigen som en diskenhet och kopierar helt enkelt tillbaka alla filer och väljer att migrera de mappar som redan existera på minneskortet (androd skapar på nytt upp alla mappar som behövs).
  • Startar om telefonen och med en gång finns alla applikationer, inställninar och bilder tillgängliga

Från innovatör till entreprenör