Kategoriarkiv: Utveckling

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.

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.

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å.

DN är inte bara sökmotorvänliga utan användarvänliga!

DN sökmotoroptimerar för användarnaJag har länge hävdat att sökmotoroptimering och användarvänlighet går hand i hand. Google är precis som en blind besökare, de kan inte se innehållet, de måste bilda säg en uppfattning utifrån metadata. Optimerar man därför sin hemsida mot användaren och följer riktlinjerna från WAI samt de riktlinjer för webbutveckling som Verva, nu mera eutveckling tog fram, så kommer man få se lika stor fördel hos sökmotorerna.

DN har sedan ett tag tillbaka blivit riktigt duktiga på att länka viktiga nyckelord i sina artiklar mot andra artikel- eller temasidor med djupare information om ämnet. Detta är grymt användbart för besökaren och jag använder det nästan varje gång jag läser en intressant artikel för att få djupare kunskap.

Tidigare har det varit vanligt att avsluta artikeln med relaterade länkar och artiklar men på det här sättet får man informationen direkt när man behöver den. Jag kan till och med enbart genom att föra musen över länken och se vilken adress den pelare på kunnat få ut mer information för händelser som jag direkt inte kände till, då DN självklart också använder sökmotorvänliga länkar. Är det tillräckligt intressant öppnar jag det i en ny tabb bakom för senare läsning. Att detta får positiva effekter för sökmotorer är nog alla överens om. Så gör som DN:

  • Använd alltid läsvänliga adresser (sökmotorvänliga adresser)
  • Länka relevanta ord i din text till dina andra sidor på samma domän (men enbart till relevanta sidor, det är stor skillnad på SEO SPAM och relevanta länkar)

Börja därför alltid all optimering med att fråga dig själv: hur gör jag min hemsida mer användarvänlig. Så kommer du garanterar få sökmotoroptimeringen på köpet. Och då spelar det ingen roll ifall Google ändrar sin algoritm, anpassa aldrig dig efter sökmotorerna utan anpassa dig efter besökarna så kommer sökmotorerna att anpassa sig efter dig.

En anpassningsbar ”senaste inlägg” widget för wordpress

Stör du dig som mig på att man inte kan göra några inställningar alls (okej man kan ändra titel och antalet inlägg att visa, men det är allt) i standardpluginen för senaste inlägg i wordpress. Pluginen i sig är väldigt smidig och jag använder den ofta, men ibland vill jag ändra på utseendet något och nu sist ville jag även visa datumet för inläggen. Istället för att gå in och modifiera senaste poster widgeten manuellt eller skriva en egen wp_query bestämde jag mig för att extenda wordpress inbyggda widget men lägga till de inställningar jag saknar.

När jag letade runt i wordpress pluginkatalog hittade jag några widgets som skulle ge fler inställningar till senaste inlägg. Men de var alla på tok för avancerade och gjorde egentligen inte det jag ville. Jag vill ha möjligheten att individuellt för varje widget bestämma hur den skall presentera innehållet. Jag gjorde det genom att introducera en simple template-motor där man helt enkelt själv väljer hur varje inlägg ska se ut.

  • [link] [/link]
  • [title]
  • [excerpt]
  • [date] här kan du även välja hur datumet ska formateras [date=”Y-m-d”] t.ex. för 2010-08-04
  • [category]
  • [tags]

Ifall det finns några fler taggar ni skulle vilja ha med säg gärna till så implementerar jag detta. Nu kan man alltså enkelt bygga upp sitt eget utseende. t.ex.

[link][title][/link] - [date]<p>[excerpt]</p>I kategorin: [category]

Än så länge har finns den tillgänglig för nerladdning, och givetvis under open soruce. Ifall intresse finns och jag får tid kommer jag även lägga upp den i wordpress plugin directory.

Använda VIM-kommandon i Visual Studio 2010

På nya jobbet utvecklar vi dagligen i c# .net, en miljö som jag tidigare känt på en del genom ASP.NET för webbsidor. Men jag har inte varit så förtjust i Visual Studio som IDE tidigare, då jag vanligtvis utvecklas på min Macbook pro har jag länge använt Textmate och det har funkat bra för de uppgifter jag gjort då, men jag har alltid sneglat mot vim och emacs för möjligheterna att sköta nästan allt genom kortkommandon via tangentbordet.

Så jag började nyligen använda VIM genom MacVim, och börjar precis lära mig kortkommandona och jag gillar dem och enkelheten att göra avancerade operationer. Men när man utvecklar i .net kan man verkligen inte vara utan auto complete och intellisense. Där har Microsoft lyckats bra och man kan enkelt koda i c# .net utan att ha exakt kunskap om funktionsnamn osv. Jag ville därför undersöka möjligheten att integrera vim-kommandona direkt i VS 2010 som vi använder på jobbet.

Det visade sig finnas två olika tillägg, ett fungerar som extension till Visual studio, VsVim utvecklat av en Microsoft anställd själv och släppt gratis men verkade ha en del brister då inte alla grundläggande vim-kommandon var implementerade. Jag valde därför att testa ViEmu som en en kommersiell vim emulator för Visual studio som fungerar till en del olika Microsoft produkter, Word, Outlook, Ms SQL och så klart Visual Studio 2010. En licens kostar $99 men något som jag hoppades kunna köpa in genom företaget om det visade sig vara smidigt. Jag installerade därför en 30 dagars trail för att testa.

Första intrycket verkade riktigt bra, den lyckas simulera de olika input-lägena, och alla standard kommandon finns med, det enda jag upptäckte som saknades var ctrl+a, ctrl+x för öka/minska nummer. Men den hade lite små problem och verkade inte alltid komma ihåg vilket läge den var i, speciellt när man gick mellan debug-läge i VS, vilket kunde vara irriterande ibland.

Det närmar sig nu slutet av min 30 dagars trail och dags att bestämma mig för hur jag ska göra, även då jag gillar upplägget och kortkommandona, kommer det nog leda till att jag istället avinstallerar ViEmu och kör med standard VS kortkommandon, av två anledningar:

  1. Kollegor som kommer för att visa eller testa något blir helt förvirrade när inte standardkommandon som ctrl+c, ctrl+v fungerar. Och på jobbet har vi en öppen miljö och par-programmerar ofta vilket då ställer till problem.
  2. Visual Studio tillsammans med ReSharper, som vi är riktigt grymt verktyg, har en ganska bra uppsättning kortkommandon och dessa krockade med vims kortkommandon.

Jag har inte helt gett upp att köra med vim-kommandon, men för tillfället nöjer jag mig med de inbyggda kortkommandona och satsar istället på att lära mig dessa för att. Så nu ligger en utskrift av kortkommandona för visual studio och ReSharper bredvid mig på skrivbordet när jag utvecklar. Någon som testat andra kortkommandon för visual studio som du kan rekommendera?

Smart 404 sida i wordpress – Fånga upp dina besökare innan det är för sent

Jag letar alltid efter nya sätt att förenkla för mina besökare, ett problem som kan uppstå är besökare som kommer fel. De får error 404, antingen har de skrivit in fel adress, någon har länkat till fel sida eller så har den som driver hemsidan tagit bort eller flyttat sidan och glömt att göra en redirect.

Men inte nu längre, jag installerade nyligen en wordpress plugin vid namnet Smart 404, och den gör precis vad namnet antyder, en smart 404-sida. Genom att analysera den url som besökaren angivit söker den igenom alla sidor och inlägg (även kategorier och taggar) för att hitta vilken sida besökaren kan vara intresserad av. Så istället för att komma till en tom och intetsägande error 404 sida får besökaren direkt alternativ på liknande sidor och kan på så sätt komma rätt även fast adressen är fel. Men smartast av allt är ifall det enbart finns en sida med liknande namn så gör pluginen en 301 redirect direkt till rätt sida, vilket gör att användaren inte får ett hemskt 404 meddelande utan kan istället fortsätta surfa och förhoppningsvis hittar den information de ville ha ändå.

För att ytterligare förbättra din 404 sida rekommenderar jag också att installera en logger för 404 errors, jag använder själv JH 404 Logger som smidigt visar de senaste felaktiga adresserna direkt i din panel, men det finns även 404 Notifier som skickar ut e-post vid felaktiga träffar.

Exempel på hur Smart 404 fungerar

Säg att du har bytt kategori på ett inlägg och du har med kategorin i din url

  • www . blogg . se /okategoriserad/mitt-inlagg/ till
  • www . blogg . se /nyheter/mitt-inlagg/

Smart 404 inser då med en gång att det är samma slug/url och gör en 301 redirect till rätt adress istället.

Sök direkt ifrån adressfältet

Men även om namnet eller titeln på sidan inte är den samma så låter Smart 404 dig söka direkt från adressfältet och visar automatiskt rätt sida ifall den hittar en träff. Låt säga att vi har en sida med kontaktuppgifter, och sidan heter just det ”Kontaktuppgifter”, men i texten på sidan står det ”Kontakta oss via e-post eller telefon…”.

  • www . blogg . se /kontakta-oss/ genom att skriva sökordet kommer besökaren automatiskt till
  • www . blogg . se /kontaktuppgifter/

Tänk på både besökare och sökmotorer

Även om denna plugin i första hand förbättrar upplevelsen för dina besökare så kommer det även ha en positiv effekt för sökmotorerna, tänk dig samma scenario fast en annan hemsida länkar till fel adress. Med denna plugin kommer google (finns det någon annan sökmotor ;)) direkt till rätt sida även om det är fel adressen. Den använder sig av 301 redirects enligt SEO konstens alla regler för att se till att google även sparar rätt url i sitt index.

Framtiden för Smart 404

Jag kommer i framtiden vara direkt involverad i utvecklingen av Smart 404, jag skickade för några dagar sedan in en bugg-fix för Smart 404 version 4.0, den snabba responsen (buggfixen var introducerad och uppladdad på wordpress några timmar senare) från huvudutvecklaren gjorde mig intresserad och jag bidrar gärna med det jag kan. Om ni har några önskemål på funktioner eller uppdateringar av Smart 404 informera gärna mig. Följande punkter ligger i min egen önskelista över kommande funktionalitet.

  • Det första jag ska ta tag i är svenskt språkstöd för administrationen
  • Möjlighet att integrera med andra bra plugins för 404-sidan genom att anropa de hooks som finns registrerade i wordpress, även om besökaren är redirectad.
  • Bättre algoritm för att hitta rätt sidor, ska se över möjligheten att även matcha felstavningar i adressen.
  • Gruppera ihop sidor och inlägg i sökningen och visa båda på resultatsidan.

Mer information

Sprid gärna vidare om du tycker det är intressant…

 

Hämta Facebook profilbilder till din sida med Facebook API

Jag bestämde mig idag för att göra klart en hemsida som har legat orörd alldeles för länge, något så simpelt som min släktdomän janitzek.se (den främsta fördelen med att ha ett efternamn som ingen kan uttala, domännamnet finns ledigt :)). Jag hade tidigt en idé om hur jag ville använda den för att länka ihop familjens aktiviteter på webben, och till detta vill jag använda profilbilder och letade efter ett sätt att göra det automatiskt.

Med hjälp av Facebooks Graph API var det riktigt enkelt, den kräver ingen inloggning eller autentisering och du kan hämta vilken användares profilbild som du vill. Leta först upp användarnamnet till personen du vill visa, i de flesta fall har användaren valt ett eget namn men ifall användaren inte har det fungerar användarens ID lika bra.

&lt;img src=&quot;http://graph.facebook.com/xxx/picture&quot; /&gt;

Genom att byta ut xxx ovan mot användarnamnet och med ett vanligt GET-anrop mot Facebooks API får man tillbaka profilbilden i 50×50 pixlar. Så ifall man vill ha ut profilbilden för Nikke Lindqvist på facebook (hans bloggpost fick mig på tankarna att leka med Facebook så han får stå modell) använder man användarnamnet ”nikke”.

Varför vill man hämta profilbilder från Facebook?

  • En väldigt simpel lösning för att integrera din hemsida med Facebook, kräver ingen autentisering utan endast att man känner till användarnamnet
  • Man behöver inte själv lägga ner resurser på att skapa funktioner för att ladda upp, beskära och moderera profilbilder.

Det finns mer rolig information man kan få ut direkt från Facebooks API eller så kan du hämta ut alla dina kompisars statusuppdateringar utan autentisering. Har du något exempel på hur man kan använda Facebooks API skriv gärna en kommentar.

Sprid gärna vidare om du tycker det är intressant…

 

Hur skapar man barcode/streckkod (QR) länkar till android market?

Illustration från Barcode Scanner till androidNär jag tidigare i veckan tipsade om Air Control måste jag ju naturligtvis länka till vart man laddar ner spelet, något som de löst väldigt smidigt i Android. Genom att ta en bild på en QR-kod får man automatiskt all information man behöver utan att skriva några sökord eller en url.

Jag använder själv Google Googles för att scanna streckkoden då den gör det väldigt smidigt. Genom att ta en vanlig bild med Googles så integrerar den direkt med Android market och visar ikoner och länkar direkt till applikationen. Det finns också ett flertal olika barcode scanners för android. Men hur gör man själv för att skapa dessa bilder?

En QR-kod är avancerad streckkod och kan innehålla mycket mer information och används vanligtvis vid identifiering med mobiltelefoner, något som är mycket stort i t.ex. Japan. Svaret visade sig vara mycket enkelt då google tillhandahåller ett API för att skapa dessa QR-koder med vanliga GET-anrop. För att skapa en QR-kompatibel streckkod med hjälp av googles API skickar man enbart med texten man vill komprimera och storleken på bilden.

 http://chart.apis.google.com/chart?cht=qr&amp;chs=100x100&amp;chl=http://blogg.pixel2.se

Ovanstående kod skapar en 100×100 bild som länkar till förstasidan på min blogg när den scannas. Enbart genom att ändra chl attributen kan man välja vad QR-bilden skall innehålla. För att länka direkt till android market krävs det bara att man gör en länk till en sökning.

market://search?q=barcode

På samma sätt som för googles API använder man istället attributet q för att definiera vad man vill söka efter, man kan även använda definierade nyckelord för att hitta exakt rätt paket. pname:dk.logisoft.aircontrol länkar till exempel direkt till paketet för aircontrol från logisoft.

market://search?q=pname:dk.logisoft.aircontrol

Att få tag på paketnamnet är inte riktigt lika enkelt, men enklast om man sitter vid datorn är att gå in på Cyrket som innehåller statistik och länkar till alla applikationer i android market. Där finns det även färdiga QR-koder att använda.

Mer information

Sprid gärna vidare om du tycker det är intressant…