HTML5 – så här börjar du

För en tid sedan började jag läsa igenom Mark Pilgrims bok om HTML5 för att sätta mig in i vilka skillnader det rent konkret innebär vid webbutveckling. Som jag tidigare konstaterat så finns det anledning att grotta ner sig i HTML5 ifall man är intresserad av webbutveckling – och det behöver inte vara så svårt. Första steget för att konvertera till 5:an är nämligen bara att byta doctype. Med denna enkla handling är du igång. Oroa dig inte för komplikationer, resten av sidan kommer fortfarande att renderas korrekt eftersom HTML5 är en förlåtande uppdatering som är bakåtkompatibel (hoppas Pilgrim har rätt). Så här ser doctypen för HTML5 ut:

<!doctype html>

Borta är de långa doctypes som var omöjliga att minnas och ständigt copy/pastades in på sidorna. Et voíla! Du är nu igång med HTML5 och har tillgång till nya element som:

<nav>, <section>, <header>, och <footer>

För dig som har kodat blockdesign med hjälp av CSS är det här egentligen inget nytt. Istället för att använda span class eller id så har du färdiga element att använda dig av. Du sparar in några tecken och förbättrar samtidigt webben. Hur kan användandet av färdiga element göra anspråk på att förbättra webben? Jo, genom tydligare struktur på våra sidor blir det lättare för olika webbläsare att hantera innehållet. Framförallt kan det underlätta tillgängligheten för grupper som av olika skäl vill kunna hoppa över delar eller lätt kunna hoppa mellan rubriker, som exempelvis användare av talsyntes.

Behovet av de nya elementen hänger samman med att vi idag ofta bygger sidor med hjälp av mallar. Ett blogginlägg kan utgöra en fullvärdig sida i ett sammanhang för att i nästa utgöra en sidkomponent. Det är därför viktigt att vår markup kan anpassa sig efter detta. Alla webbutvecklare med aktning vet t.ex. att man bara får använda en gång per sida, men detta är numera inte längre helt sant. Genom att lägga under en egen sektion som t.ex. så kommer den tolkas som en del av en sidkomponent och automatiskt skapa en korrekt outline/hierarki för läsaren. Borta är en stor del av det komplicerade nästlandet med -, där man var tvungen att försöka hålla koll på vilken nivå en rubrik skulle sättas.

Men hur är det med alla kreativa möjligheter som man har hört talas om? Jo HTML5 erbjuder också element som:

, och nya formulärelement som <input type=”search”>

Dessutom finns en rad nya funktioner som möjliggör geolocation, offline funktion och HTML5 lagring hos användaren. Funktioner som jag ser fram emot att bekanta mig med. Framförallt ser jag fram emot att sätta mig in i hur detta kan användas för att förhöja upplevelsen för användaren och på så vis underlätta vardagen för oss alla.

Vilka är dina favoritfunktioner med HTML5? Vad bör jag fördjupa mig i?

Bollen i nätet & många spindlar i luften – hur blir jag bra på multitasking?

Idag är multitasking en förmåga som många efterfrågar, men är man verkligen som mest effektiv när man jobbar med flera saker samtidigt?

I veckans nyhetsbrev från Internetworld läste jag en artikel om svårigheterna med just detta – Därför jobbar du sämre när du gör allt samtidigt. Det finns vetenskap som visar  på att vi både presterar och mår sämre av att försöka hålla många bollar i luften. Ändå kvarstår ett ideal i arbetslivet om att vi ska klara just detta.

Personligen tror jag att för att bli bra på multitasking så behöver man vara medveten om just bristerna i ens förmåga när man lägger upp sitt arbetssätt. Jag är ett stort fan av listor och använder dessa för både stort och smått. I princip sker detta på fyra olika nivåer:

Fånga idéerna

Jag har alltid ett idédokument öppet på datorn där jag skriver ner minsta lilla idé som jag snappar upp. Inget är för dumt för att hamna här. Det är ett levande dokument där nya idéer ständigt tillkommer och gamla idéer tas bort (flyttas till listan för nerprioriterade idéer).

Bryt ner uppgiften

När en idé har fått puttra färdigt och beslut fattats om genomförande bryter jag ner uppgiften i delar som helst inte ska ta mer än 30-45 min att genomföra. Dessa sparar jag i en att-göra-lista t.ex. Outlooks eller Googles tasks. Använd med fördel nästlade listor för att hålla ordning och hålla ihop relaterade uppgifter.

Schemalägg

En uppgift har större sannolikhet att bli genomförd om den finns i kalendern. Ta en stund varje morgon och planera din dag. Ibland hinns uppgiften inte med och då får man flytta fram det, huvudsaken är att det fortfarande finns med på schemat. Var extra observant på uppgifter som du helst inte schemalägger. Finns det ett motstånd att schemalägga så är sannolikheten hög att uppgiften blir ständigt uppskjuten. Fråga dig själv varför, behöver du göra mer förarbete eller är du bara obekväm? Överväg om du kan överlåta uppgiften åt någon annan eller om du ska ta tjuren vid hornen.

Skriv ut din lista

När du har mycket på gång t.ex. på dagen för ett event, hinner du inte springa till din dator. Då föredrar jag att ha min lista på papper, gärna kronologisk med viktiga klockslag utsatta. På så vis vet jag vad som är kvar att göras och kan enkelt bocka av uppgifterna allt eftersom de blir klara. Fullständig koll skapar utrymme för flexibilitet då du enkelt kan omprioritera eller delegera när något oförutsett sker.

Vilka är dina bästa knep för att hantera många uppgifter samtidigt?

K

En första bekantskap med HTML5

Det är väldigt lätt att stagnera trots att man lovat sig själv dyrt och heligt att man ska följa med i alla svängar. Igår läste jag tre kapitel ur boken HTML5: Up & Running av Mark Pilgrim. Det var helt enkelt dags att konkret sätta sig in i vad HTML5 är för något istället för att slänga sig med luddiga termer.

Första gången jag provade på HTML-kodning var på gymnasiet år 2000, vi fick skriva Hello World, göra en tabell och byta färg på bakgrunden. Jag förstod ingenting. Vad ska jag med det här till? 2003 läste jag Webbredaktör, design och publicering på Högskolan i Borås. Jag tror att jag sökte utbildningen för ordet design stod i kursnamnet. Vi fick lära oss att tabelldesign var på väg ut, frames var praktiskt taget olagligt och det nya var CSS och block/lager-design. Vi jobbade i notepad med ren kod. Jacob Nilsen var vår webbguru och vi gjorde vårt bästa för att undvika onödiga bilder och grafiska element. Jag flyttade därefter till Örebro 2005 för att läsa Digital mediedesign. Nu var det XHTML som gällde. Små förändringar men ändå en känsla av att börja om. Alla pratade om Flash och vi drömde alla om att bli duktiga animatörer men fick mest sitta med Dreamweaver och bygga strukturer.

Idag är jag glad att vi fick lära oss strukturer och grunderna i kodning men jag inser också att jag sedan 2007 inte riktigt har tagit mig tid att lära mig nytt. Det har pratats om Web2.0, den sociala revolutionen och HTML5 och visst har jag hängt med på principerna. Men vad innebär då HTML5 rent konkret?

Boken jag har börjat läsa ges ut av O’Reilly, som är närmast legendariskt när det gäller böcker om informationsteknologi. Det fina är att boken går att finna i sin helhet online som Dive into HTML5 . Den har ett par år på nacken nu men för någon som är ny spelar det knappt någon roll. Jag tycker att Pilgrim gör ett fantastiskt jobb med att göra historien om Internet mer levande. Han förklarar helt enkelt varför koden vi knackar ser ut som den gör och hur HTML5 har kommit att förändrat detta. Det här är perfekt för människor som mig som inte är tillräckligt inbitna utvecklare för att hoppa rakt på godsakerna utan helst vill förstå varför vi gör något först.

Den korta varianten för trötta läsare är att ingen egentligen behöver bry sig om HTML5. Det är ingen fara på taket om du inte har hängt med. Alla våra gamla sidor kommer att fortsätta fungera som de ska eftersom 5:an är av det förlåtande slaget. 5:ans markup har förenklats för att underlätta och minimera risken för misstag men för den som är bekväm i sina gamla spår går det bra att fortsätta som förut. Naturligtvis tillkommer på det en del nya finesser som vi webbutvecklare kan och bör använda oss av. Enda parentesen är att alla funktioner ännu inte stöds av alla webbläsare. Det gäller med andra ord att som vanligt inte förlita sig på att den valda funktionen alltid fungerar.

Vilka är då finesserna? Jo, med HTML5 kommer en rad nya element som möjliggör en tydligare struktur på våra webbsidor. Borta är nästlandet med – för att skapa sidhierarkier. Istället arbetar vi med olika sektioner som , , , och där kan användas inom sektionen trots att den redan förekommer på andra håll på sidan. Detta innebär en klar förbättring för de användare som har behov av tillgänglighetsdesign och för webbutvecklaren själv. Sen finns elementen

Visst finns det anledning att lära känna HTML5 något mer. Jag kommer härnäst läsa klart boken och fördjupa mig i det jag finner intressant. Vilka är dina favoritfunktioner med HTML5?

K

Google+ ett seriöst hot för Facebook?

Jag skaffade mig ett Google+ (G+) konto för ett bra tag sen men har i ärlighetens namn inte kommit in i att använda det. Idag har jag äntligen tagit mig lite tid och bekantat mig med den miljö som erbjuds och funderat lite över hur detta skulle kunna ersätta eller eventuellt komplettera Facebook (FB) som ledande socialt medium.

Precis som många andra har jag det senaste börjar känna en viss mättnad över FB och de förändringar som har genomförts den senaste tiden. Mest enerverande just nu är de “rekommenderade” annonser man får mitt i sin feed. Det känns som om FB kan gå en långsam död tillmötes såvida de inte lyckas hitta ett effektivt sätt att tjäna pengar utan att störa sina användare allt för mycket. Google har genom åren lyckats skapa och vidareutveckla produkter som vi användare idag nästintill tar för givet i vår vardag. Google har också alltid varit väldigt duktiga på att väva in det kommersiella i sina produkter utan att för den skull trötta ut sina användare och förstöra produkten. Hur kommer det sig då att Google+ ännu inte har lyckats etablera sig som en seriös konkurrent till Facebook?

Anledningen till att FBs starka ställning idag är dess storlek och räckvidd. Vill du hitta någon online idag så har du störst chans att göra det där. Det är här jag ser Googles största svaghet, alla har inte idag ett Googlekonto. Speciellt i ett litet land som Sverige märks det tydligt att det fortfarande är få som har skaffat sig konton och som tidig användare gapar därför dina cirklar tomma och din feed likaså. Det blir därför enklare att återvända till FB där alla ens vänner redan befinner sig. Vad G+ behöver är något som FB inte kan erbjuda, något som får majoriteten av användarna att gemensamt byta plattform för att de måste vara med.

Efter att ha lekt runt lite på Google+ idag så kan jag inte påstå att jag hittills har upplevt något revolutionerande. Jag kan välja att följa olika personer, sidor och intresseområden för att ta del av deras uppdateringar. Jag kan “gilla” och jag kan dela det jag har tagit del av. Jag kan spela spel och jämföra mina resultat med mina vänner. Jag kan skapa fotoalbum, olika sidor och evenemang. Jag kan kategorisera mina vänner i olika cirklar och på så vis kontrollera vem som får del av vad. Jag kan skriva lokala recensioner och jag kan starta en videokonferens som kan streamas live. Det är bra funktioner som kan komma till användning men det är enligt min mening inte tillräckligt unikt för att få man ur huse för att byta social plattform.

När G+ lanserades var många av funktionerna inledningsvis unika men FB har varit oerhört duktiga på att ta till sig de idéer G+ lanserat och implementerat dem i sin egen plattform. En efter en har fördelarna punkterats. G+ styrka ligger därför främst i integreringen med övriga google-verktyg som Picasa, Android, Blogger, Youtube, Gmail och, icke att förglömma, Googles sökmotor. Den som redan använder dessa verktyg har naturligtvis massor att vinna på att enkelt kunna dela med sig till sina vänner med ett enkelt klick. Men precis som i verkliga livet så kommer den bästa festen alltid vara den som alla vänner ska till.

Trots min något trista upplevelse av G+ idag så är jag inte beredd att lägga ner den för räkning än. Facebook kämpar hårt med att få ihop en fungerande ekonomisk modell som samtidigt tillgodoser användarnas krav, och Google har med sina intuitiva produkter lyckats slå sig in på till synes omöjliga marknader förr. Jag tänker trots mina glesa cirklar att använda G+ ett tag för att se om jag med lite mer tid kan upptäcka vinnande fördelar.

Hur går dina tankar kring Facebook och Google+?

K


I’ve had my Google+ account for a while but in all honesty I have not been inspired to use it. Today I finally took some time to familiarize with the tool and to reflect upon its possibilities to compete with Facebook. The latest FB update with “recommended” ads in your feed has made me and others with me a bit fed up with FB. It is a true challenge for FB to find an economic model that works at the same time as it doesn’t bother the users. Google has always been great at developing products that we almost take for granted in our everyday lives. They’ve also been very good at integrating a commercial side to their products without interfering with quality. So why hasn’t G+ been able to establish itself as a serious competitor to Facebook?

FBs strong position is based on size and reach. If you want to find someone online, that’s where you go. Google’s weakness, especially in small countries like Sweden, is that most people still don’t have a Google account. As an early adaptor your circles remain empty as well as your feed. It’s easier to stay with FB where your friends are. For people to make the switch G+ would need something that FB can’t offer – something unique.

After exploring the functions today I cannot say I’m impressed. I can follow, like and share. I can create photo albums, pages and events. I can play games and compare results with my friends. I can categorize my friends in circles to control my sharing. I can write local reviews and I can stream a video conference between friends. Great functions, but hardly unique.

At launch a lot of the G+ functions were ground breaking but the FB team has been really good at implementing the G+ ideas into their own platform – deflating any competitive advantage G+ might have had. The most important G+ strength is the integration with other Google tools such as Picasa, Android, Blogger, Youtube, Gmail and, not to forget, the Google search engine. For anyone already using these products, sharing to friends would be just one click away. As in real life though, the best parties are the ones your friends attend.

Despite my rather dull experience today I’m not prepared to dismiss G+ yet. FB is struggling and Google have with their intuitive products succeeded in tough markets before. Empty circles or not, I’ve decided to give G+ a try to see if I can discover something that will win me over.

What are your thoughts about Facebook and Google+?

K

4 frågor vid uppdatering av hemsida för småföretagaren

Förra veckan hade jag ett möte med Morgan Larsson på IVT center 7h (Sjuhärad) om företagets webbplats. Det är nu sex år sedan jag designade deras hemsida med hjälp av XHTML, CSS och PHP. Då var företaget ett sidoprojekt till en större satsning inom energieffektivisering. Idag står företaget helt på egna ben med fokus på värmepumpsteknik och service.

När hemsidan byggdes var syftet att ha en närvaro på webben. Viktigast var att informera om adress, öppettider och hur man kunde komma i kontakt med Morgan. Idag har hemsidan en betydligt större betydelse för verksamheten och det är därför dags att ta sig en titt på hur vi på bästa sätt kan få den att leverera utifrån de nya förutsättningarna.

När det kommer till att utveckla en hemsida för ett mindre företag eller en enskild näringsidkare så finns det ett antal punkter som jag anser vara viktiga att tänka på.

Hur ofta är det troligt att företaget uppdaterar sin hemsida?

Om svaret är minst en gång i månaden så kan det vara värt att integrera en blogg i webbplatsen. En blogg med regelbundna uppdateringar kan förbättra sökmotorsoptimeringen och erbjuda besökare värdefull information. Det är värt sin investering i tid. Om svaret är ett par gånger om året kan det ändå vara värt att överväga en bloggintegrering men att minska förväntningarna på uppdateringar genom att döpa om sidan till Resurser, Tips & Råd, Erfarenheter eller Rådgivning. Om det är mer sällan så kan det vara bäst att utelämna bloggen tills vidare för att minska den totala kostnaden.

Vilken närvaro har företaget i sociala medier?

För en del företag faller det sig naturligt att dela med sig av händelser i sociala medier. Facebook, Twitter, Instagram eller Pinterest är med i den dagliga verksamheten och det finns en naturlig dialog med såväl kunder som branschexperter. I de fallen kan det vara en god idé att integrera innehållet från sociala medier även på webbplatsen. Webbplatsen blir levande och besökare kan lära känna företaget genom uppdateringarna. De allra flesta småföretagare har inte den typen av närvaro dock och då är det viktigt som webbutvecklare att kunna hålla igen sin egen entusiasm över vad man kan göra. Om det finns en företagssida på Facebook så kanske det räcker med en ikon som länkar till sidan hellre än statusflöden som uppdateras sällan.

Vilken webberfarenhet har företaget?

Idag kan man med enkla och billiga medel, till och med gratis, föra över en hemsida till en bloggplatform eller content management system (CMS). Dessa system gör det möjligt för någon som saknar webbkompetens att uppdatera sina sidor med nytt innehåll. Det kan handla om regelbundna blogginlägg men också om att exempelvis byta ut erbjudandet på erbjudandesidan. För en egenföretagare är det guld värt att kunna göra detta utan fördröjning och extra kostnader. Ibland möter du dock någon som själv har grundläggande kunskaper i HTML och i de fallen är de verkligen viktigt att tänka över hur ofta webbplatsen kommer att uppdateras. Om uppdateringar sker mer sällan och personen enkelt själv kan ändra text och bild, kan det vara helt överflödigt att förflytta webbplatsen till en plattform.

Vad vill företaget uppnå med webbuppdateringen?

Den allra viktigaste frågan är vad de vill uppnå med förändringen? Många gånger vet företagarna inte själva, de har bara en känsla av att det är dags för en modernisering. Det är väldigt lätt att dras med i känslan av att man måste förnya sig, särskilt när webbutvecklare ringer och poängterar nödvändigheten av detta. I dessa fall är det viktigt att gå tillbaka till kärnan och fråga vilka behov som finns. Ett ansiktslyft är relativt enkelt och kostnadseffektivt att göra. Nya bilder, nya färger och ny grafik ordnas enkelt med CSS och bildredigering. En bloggintegrering tar lite mer tid. Att bygga en helt ny webbplats från grunden kan vara nödvändigt då den befintliga har stora brister i struktur och innehåll men är många gånger helt överflödig. Ibland har den befintliga sidan en hög sökmotorsrankning och då kan det vara värt att behålla grunden för att inte gå miste om den indexering som sökrobotarna redan har gjort.

IVT center 7h

Efter onsdagens möte med Morgan stod det klart att det inte nödvändigtvis är funktionaliteten som behöver en uppdatering utan snarare känslan. Det är med andra ord dags för ett ansiktslyft.

Precis som för många andra småföretagare så handlar den stora utmaningen för Morgan om att få tiden att räcka till. Många moderna hemsidor inkluderar idag en blogg och uppdateringar från de största sociala medierna. Det börjar närma sig praxis att en modern hemsida ska erbjuda dessa funktioner. Tyvärr kan denna typ av integrering stjälpa mer än hjälpa i de fall då företagets facebook-sida uppdateras en gång i halvåret och senaste blogginlägget är två år gammalt. Det är därför av största vikt att tänka igenom de förutsättningar som råder och anpassa därefter. Vad som därtill är viktigt att tänka igenom är vilka framtida behov som kan komma att finnas. Däribland kan den senaste tidens explosion av smart-phones och surfplattor räknas in. En investering i en webbplats som fungerar i olika format kan därför vara väl värt pengarna på längre sikt när allt fler använder andra verktyg än datorer för att söka upp information.

Vilka är dina bästa tips för mindre företag som funderar på en webbplats-uppdatering?

Nya nätverk och stärkt profil – en bekantskap med Affiliate Marketing

Jag har i veckan blivit väldigt nyfiken på Affiliate Marketing och hur detta praktiskt kan användas för marknadsföring. Min nyvunna nyfikenhet kom när jag snubblade över begreppet tidigare i veckan i samband med att jag blev kallad till intervju där kunskap inom specifika mätverktyg efterfrågades.

Affiliate Marketing handlar om möjligheten att marknadsföra sina varor och tjänster på andras webbplatser (eller nyhetsbrev). På så vis kan marknadsinsatserna nå utanför det nätverk man i vanliga fall når ut till. Syftet kan vara att öka medvetenheten om ens varumärke, driva trafik till hemsidan eller öka försäljningen. För annonsören blir det möjligt att nå ut till specifika intressegrupper. För publishern blir det möjligt att tjäna pengar på den trafik man redan har. Särkilt värdefulla blir troligtvis dessa samarbeten när man tydligt profilerar sin produkt eller sida med en livsstil.

I traditionell marknadsföring börjar man med att definiera sin målgrupp. Demografiskt försöker man identifiera livsvillkor och livsstil för den grupp man försöker nå. Därefter formuleras ett budskap och en passande kanal söks för att nå fram till den valda gruppen. Man skulle lite förenklat kunna säga att med Affiliate Marketing vänder vi på kakan. Vi utgår ifrån kanalen för att anpassa vårt budskap så att den tilltalar de besökare som kommer att se annonsen. Vi utgår ifrån det vi vet om läsarna istället för det vi annars försökt gissa oss till. Men innebär det inte en risk att marknadsföra till oprövade grupper som kanske inte har något intresse för min produkt? I traditionell media hade det varit ett risktagande att försöka nå oprövade målgrupper. Fakturan ska betalas oavsett om du ökar försäljningen eller inte. Detta elimineras genom att Affiliate marketing till stor del sker genom prestationsbaserad marknadsföring.

Det är här som de mätverktyg jag tittat på i veckan kommer in. Med hjälp av tjänster som TradeDoubler och CommissionJunction kan både annonsör och publisher följa kampanjresultaten. Beroende på vad syftet med kampanjen är kan man sätta upp olika betalningsmodeller. Om syftet är att öka medvetandet om produkten så kan man välja att betala ett lågt pris per tusen läsare som ser annonsen. Om man istället vill öka sin webbtrafik så kan det istället vara värt att betala lite mer för de som väljer att klicka sig vidare till ens sida. Slutligen kan man i de fall syftet är att öka försäljningen välja att betala en högre provision på de köp som faktiskt går igenom; man får dela på kakan men vinner förhoppningsvis en kund som man annars inte hade nått.

Från ett säljperspektiv är denna teknik naturligtvis högst intressant men jag ser även en enorm potential inom PR-området. Att synas på rätt ställe och bli förknippad med rätt värden är ovärderligt vid varumärkesuppbyggnad. Samtidigt kan rätt varumärke stärka ens profil. Vi lever i en kultur där valet av livsstil är starkt förknippat med de varor vi omger oss med och det är där, i denna symbios, som jag tror att den verkliga potentialen ligger.

At the moment I’m very curios about affiliate marketing and its potential. I encountered the term in 2010 when I spent some time in San Francisco and met the founder of Norra Marketing that specializes in SEO, PPC-advertising and Affiliate Marketing.

Affiliate marketing is about the opportunity for merchants to advertise their products on others’ web pages and reach people outside of their own network. For the publisher it’s about the opportunity to earn something from the web traffic they already have.

Affiliate marketing flips the traditional marketing model where you first define your target group and message, and then try to find the best channel. Instead, you adapt your message to the channel; you adapt according to what you do know about the readers instead of making educated guesses about a defined group that you’re trying to reach. In traditional media it could be risky to target a group you know little or nothing about. You still receive an invoice even if you make no sales. Most affiliate marketing though is performance based with different pay-as-you-go models. You could pay per view, pay per click or pay per action which usually means you pay a commission for sales. 

Affilate marketing can be a very powerful tool for sales, but also for PR purposes. To present your product in the right spot with the right values is PR candy when developing a brand. At the same time a  profile can be enhanced by the right brands. In our culture where a lifestyle is very much determined by the brands associated with it, the true potential of affiliate marketing lies in the understanding of this interdependency.