Två år som frilansande webbutvecklare/digital designer

Postat av under Företagande, Sidnyheter.

Nummer två”2” av Brian

Den 12:e augusti så var det två år sedan jag fick mitt företag Thomas Design registrerat och jag har nu arbetat som frilansande webbutvecklare/digital designer i två år. Ibland kan det vara bra att reflektera lite och trots att det inte alltid har varit så lätt och jag som många andra egenföretagare har stött på lite olika motgångar så har det ändå rört sig framåt och jag har lärt mig massor om utveckling, företagande och mig själv sen år 1.

Sen förra årsfirandet har jag:

  • Börjat använda Wrike för planering: Tidigare använde jag Evernote för det mesta, men sedan några månader bakåt så har jag gått över till Wrike för planering av projekt och för att skriva ner idéer, men jag använder fortfarande även Evernote som mer generell to-do-list och mötesanteckningar. Wrike är väldigt smidigt då jag kan planera upp till exempel en hel hemsida med separata tasks för varje del av den och allt är sökbart.
  • Börjat använda Billogram för fakturering: När jag började fakturera så satt jag ihop klumpiga mallar själv i InDesign och skickade iväg och om det blev något problem med en faktura eller om den blev försenad så behövde jag skicka en påminnelse manuellt på mailen. Billogram sparar en hel del tid då jag ibland har skapat och skickat en faktura på en bra bit under en minut och påminnelser sker automatiskt.
  • Deklarerat för företag första gången: Det var inte så svårt att leta reda på alla kvitton och transaktioner, men jag kände att bokföring inte var min starkaste sida vilket jag även upptäckte när jag läste en kurs i Företagsekonomi på Universitetet. Så jag tog hjälp av redovisningskonsulterna Klostermark vilka var mycket hjälpsamma. Jag ska försöka bli bättre med bokföringen och tvinga mig själv att skaffa Visma och föra in allt där så snart det skett, men det är ju mycket annat som behövs göras som enskild företagare!
  • Lärt mig en del nytt: Sedan år ett så har jag bland annat utvecklat för e-butiks pluggen WooCommerce för WordPress, använt ramverket Zurb Foundation med CSS preprocessorn SASS och tittat en del på minifiering av kod med bland annat Grunt och hur man kan snabba upp WordPress-hemsidor och andra typer av sidor med olika typer av optimering- vilket jag har ett blogginlägg på gång om inom kort.

Vad jag har arbetat med:

Kunder har inkluderat olika byråer och företag inom bygg/VVS, media, utbildning, medicin och det har även blivit en hemsida för ett bröllop! Jag tycker det är kul att få arbeta med kunder inom så olika branscher och med olika målgrupper, men där många uppdragsgivare ändå har flera liknande mål.

Exempel på vad jag gjort:

Några planer för år tre

Generellt för år tre så ska jag försöka göra aspekter av min administration, försäljning och marknadsföring mer automatiserad och effektiv och försöka tänka på lärdomar av projekt som blev av eller inte för att jag ska trivas ännu mer i rollen som frilansare.

Jag har även tänkt utöka mina kunskaper då det har varit en del uppdrag jag inte kunnat ta då jag inte passat till 100% för att jag saknat en eller flera kompetenser och sådana skulle ju vara kul att ha möjligheten att ta i framtiden. Exempel på dessa är Angular och Node.js som verkar väldigt användbara och eftertraktade på marknaden för utvecklare. Jag ska fundera ut något kul sidoprojekt som jag kan sätta upp för att lära mig nya verktyg i praktiken, något som läser in data från ett API och visar det i realtid i en snygg vy skulle ju vara en början!

4 anledningar till varför din hemsida behöver sluta använda Flash

Postat av under Marknadsföring på Internet, Sökmotoroptimering, Webbdesign.

Flash gravsten

När jag pluggade på gymnasiet för cirka 10 år sedan animerade jag långa filmer i Flash och skapade även ett enklare peka-och-klicka spel. Sedan dess har jag gjort en mängd animerade onlinebanners i Flash för arbetsgivare och kunder och Flash är ett verktyg som är kul att arbeta i och jag gillar hur det låter en arbeta med skalbar vektorgrafik.

Fast Flash håller inte riktigt måttet längre i en era då det är viktigare än någonsin att innehåll på nätet är användarvänligt, fungerar över flera plattformar, är snabbt och sökbart – alla vilka är punkter som Flash misslyckas på. Så trots att jag har många goda minnen av Flash så tycker jag likt många andra att det är dags att vi säger adjö till Flash. Här går jag igenom fyra anledningar till varför din hemsida behöver sluta använda Flash och förslag på alternativ till innehållet.

1. Flash är resurskrävande, instabilt och känsligt för sårbarheter

I april 2010 gick Steve Jobs ut med ett meddelande om sin syn på Flash. I texten så är han bland annat negativ till att Flash är en sluten standard och kontrolleras av deras skapare Adobe, samt att de hos Apple visste själva att Flash är den främsta anledningen till att Mac-datorer kraschar, ett utdrag:

”Symantec recently highlighted Flash for having one of the worst security records in 2009. We also know first hand that Flash is the number one reason Macs crash.”

Det sistnämnda kan jag skriva under på, i alla fall med tidigare versioner av olika webbläsare och Flash så var Flash-animationer den främsta anledningen till att mina webbläsare kraschade och att datorn frös fast.

Du kanske har märkt att din dators fläkt börjar dra igång när du är inne på en sida med mycket Flash-innehåll? Det kan bero på att din version av Flash-spelaren kombinerat med din webbläsare använder en stor andel av datorns CPU-kraft och minne och gör datorn varm vilket tyder på att plugin:et är dåligt optimerat.

2. Firefox blockerar vissa versioner av Flash automatiskt i deras webbläsare

Den 14:e juli 2015 gick Firefox ut med att de på grund av en säkerhetsvarning från Flash skapare Adobe, valde att blockera Flash som standard i Firefox. Dagen efter så släpptes dock en ny version av Flash vilket täppte igen de senaste säkerhetshålen vilket gjorde att Firefox återigen kunde ha Flash aktiverat som standard. Men flera äldre versioner av Flash Player finns sedan 13:e juli med på Firefox blocklist för plugins för webbläsaren.

Om din besökare använder Firefox med en äldre version av Flash så kommer han eller hon helt enkelt inte kunna se ditt Flash-innehåll utan att själv aktivt gå in i webbläsarens inställningar och aktivera det riskfyllda plugin:et.

3. Flash stöds inte i iOS-enheter och andra mobila enheter

Tidigare i texten nämnde jag Steve Jobs text från 2010 där han var negativ till Flash och därför så valde Apple att inte inkludera stöd för Flash i någon av deras iOS-enheter. För dig som annonsör eller hemsideägare betyder det att alla som använder en iPod, iPhone eller iPad inte kan ta del av ditt Flash-innehåll. Även en mängd andra mobila enheter har av olika anledningar inte stöd för Flash som standard och du behöver därför lägga extra tid på så kallad ”fallback”-kod i form av mindre häftigt alternativt innehåll i HTML eller GIF- eller JPEG-annonser som visas istället för Flash.

4. Flash-innehåll är inget vidare för sökmotoroptimering

Jag har besökt allt för många hemsidor för restauranger där de bara har deras menyer i tunga PDF-filer (PDF är också skapat av Adobe!). Att man måste ladda ner en tung fil är inte superkul när man står på tunnelbanan och försöker välja restaurang, men textinnehållet i PDF:er kan indexeras av Google.

Flash är också ofta ännu tyngre att ladda och dess text indexeras också likt PDF:er av Google, men om du har en hel hemsida uppbyggd i Flash så kan Google inte mappa upp dess navigering och det hela blir bara en enda sida med all text.

Det är betydligt mer optimalt för sökmotorer att din sida är uppbyggd främst med HTML och att dess struktur är uppdelad med flera undersidor för till exempel ”Hem”, ”Lunchmeny”, ”Om oss”, ”Kontakt” – istället för att allt tolkas som en enda sida med allt innehåll av Google. En uppdelning på flera sidor ger dig även större exponering i sökresultaten och det är enklare för dina besökare att bokmärka eller dela en specifik del av innehållet.
Har du en enda Flash-fil som hela sidan ligger i med bilder, text och annan multimedia så kommer den antagligen bli väldigt tung att ladda och är inte mobilanpassad av flera anledningar, vilket riskerar att påverka din ranking i sökresultaten negativt.

Så här skriver Google själva om användning av Flash-innehåll:

” Vi rekommenderar därför att du bara använder interaktiv media som Flash där det behövs och istället använder HTML för innehåll och navigering. ”

Att Google kan indexera textinnehåll i Flash innebär nödvändigtvis inte att andra sökmotorer och tjänster för indexering av innehåll på webben gör det.

Alternativ till Flash för innehåll:

För videos: HTML5-video

HTML5 video stöds även i iOS och andra mobila enheter med moderna webbläsare. Sedan början av 2015 så använder YouTube HTML5 för deras videospelare istället för Flash i moderna webbläsare. Även en mängd andra stora tjänster för video på nätet har HTML5 som standard eller åtminstone som ett val istället för Flash. Bäddar du till exempel in en video med den gratis HTML5-spelaren VideoJS så kan du lägga in videos i flera format som .mp4, .ogv och .webm vilket gör att den faller tillbaka till ett annat format om ett av dem inte råkar stödas av webbläsaren i fråga.

För annonser: HTML5 eller animerad GIF

Annonser gjorda med HTML5 eller GIF stöds i majoriteten av alla moderna webbläsare på olika plattformar. Animerade GIF-annonser stöds även i en mängd e-postklienter men där de inte stöds fullt så visas en stillbild av dess första frame. En enkel GIF-annons utan något extra script kan tyvärr bara ha en länk kopplad till sig till skillnad från Flash som har stöd för flera så kallade clickTAGs. Men jag anser att det ändå är lika bra att ha ett enda mål och en enda länk med en annons för att fokusera kampanjen på och istället ha fler varianter av annonser för andra länkar.

Annonser i HTML5 kan däremot ha flera länkar kopplade till sig och liknande interaktivitet, videos, skalbar vektorgrafik med SVG och användning av extern data i sig som Flash-annonser – samtidigt som det duckar flera av de nackdelarna som Flash-annonser numera har.

För animationer: Javascript och CSS3

Likt HTML5 så har majoriteten av alla moderna webbläsare och även flera äldre webbläsare stöd för CSS3-animationer och om du vill att även (stackars) besökare som sitter med Internet Explorer 8 ska kunna se lätta animationer så går det att lösa med Javascript. I den här artikeln kan du läsa om en mängd Javascript-bibliotek gjorda för att underlätta animationer där jag själv tidigare har använt Move.js som är väldigt användarvänligt för utvecklare.

Vill du ha hjälp med att ändra din hemsida eller dina annonser från Flash?
Kontakta mig »

6 anledningar till varför din hemsida bör vara mobilanpassad

Postat av under Marknadsföring på Internet, Sökmotoroptimering, Webbdesign.

Mobilanpassad webbdesign

Senast skrev jag ett blogginlägg kallat ”7 sätt att testa mobil responsiv design i din dator”. Idag är det dags att titta på varför din hemsida bör vara mobilanpassad. Med mobilanpassad menar jag att hemsidan är responsiv (anpassar designen och innehållet efter besökarens upplösning) eller att det finns en mobil version av sidan (alá http://m.thomasdesign.se). Här får du reda på vilka fördelar det för med sig för ditt företag och vilka fallgropar du kan undvika genom att ha en hemsida som även fungerar bra för mobila besökare.

1. Det är växande stor sannolikhet att potentiella kunder når dig mobilt

Nyligen så skrev Dagens Analys om ny en ny rapport från Adobe som pekar på att:

”I slutet av 2016 förväntas användandet av mobila enheter gå om stationära datorer”

Redan nu så spenderar användare enligt rapporten 24% av sin tid med mobilen för konsumtion av innehåll. Om din hemsida inte kan leverera en tilltalande upplevelse även mobilt så riskerar du att gå miste om en stor andel av potentiella kunder, medlemmar, läsare eller vad du nu nu är ute efter och problemet ser ut att bara bli större och större allt eftersom traditionella kanaler som TV och print fortsätter att minska till förmån för digitalt och mobilt.

2. Google värderar sen slutet av april 2015 mobilanpassade sidor lite högre

I slutet av februari 2015 skrev jag inlägget Mobilvänliga hemsidor kommer rankas högre i Google:s mobila sökresultat. Denna förändring av Google:s sökalgoritmer som trädde i kraft 21:april, skulle innebära att hemsidor som var korrekt mobilanpassade skulle värderas lite högre än de som inte var det i sökresultaten och det skulle kunna resultera i att en del sökresultat skulle börja se annorlunda ut som följd av detta. Denna förändring blåstes upp till att kallas Mobilegeddon och i Veckans affärer stod det att den skulle påverka hälften av Sveriges sajter.

Sökmotorkonsulterna Pineberry undersökte effekterna av  ”Mobilegeddon” och till en början verkade det som att en del sidor som ej var mobilanpassade gick ner i placeringar i sökresultaten. Men efter ett tag såg det ut som att effekten avtog lite för sidorna de undersökte.

Även om det inte blev en sådan katastrof med Google-placeringar för många hemsidor som en del först trodde, så pekar det här på att Google fortsätter att rekommendera starkt och premiera hemsidor som är mobilanpassade och det lär definitivt fortsätta i den riktningen.

3. Oanpassad design kan få besökare att gå till en konkurrents hemsida istället

Frustrationen som kan uppstå med att en besökare från en Google-sökning inte kan ta del av informationen på din hemsida på ett bekvämt sätt kan leda till att besökaren backar och går till en av dina konkurrenter istället.

Enligt Cyrus Shepard, Director of Audience hos SEO-experterna Moz så är nöjdhet ranking-faktor #1 för placering i sökresultaten på Google.

En nöjd besökare klickar in på din hemsida, förhoppningsvis högt upp på förstasidan genom sökresultaten och stannar sedan på din hemsida då designen är användarvänlig och innehållet är relevant till söktermen som användes på Google. En missnöjd användare klickar in på din sida, inser att det inte är vad han eller hon letade efter och backar sedan tillbaka till sökresultaten för att gå till en konkurrent istället.

Du kan ha ett fantastiskt välskrivet, relevant och väldesignat innehåll för en besökare med en dator, men om det är omöjligt att ta till sig informationen på ett bekvämt sätt i mobilen så är risken hög att besökaren känner sig missnöjd och backar – vilket i slutändan kan påverka även dina positioner i sökresultaten om det är ett mönster som fortsätter bland dina besökare!

4. Mobilanpassad design tillåter köp och andra avslut där användaren är bekväm och över flera plattformar

Internetworld skrev om när Tradera lanserade en responsiv hemsida istället för att lämna det mobila till appar, så gav det rejäla ökningar. Konverteringsgraden ökade med 77% bland mobilsurfare och hela 122% bland besökare från en surfplatta.

Med en hemsida som fungerar över olika plattformar så kan du även möjliggöra köp och avslut över flera plattformar. Säg att en besökare att påbörja att lägga varor i din nätbutiks kundkorg hemma framför datorn, men glömmer att slutföra köpet, du kan då sedan skicka ett automatiskt mail lite senare om att slutföra köpet och då om du har en välfungerande sida även i mobilen, så kan besökaren bli till en kund samtidigt som han eller hon sitter med mobilen på bussen. Hade du haft en nätbutik som bara fungerar smidigt i en dator så är risken hög att besökaren frustrerat hade stängt fönstret i mobilen och kundkorgen hade förblivit oköpt.

5. De tekniska begränsningarna är färre

För flera år sedan så var det knepigare att köra en hemsida eller en webbutik och garantera att den fungerade bra och säkert även mobilt. Men idag har utvecklingen gått till snabbare hastigheter över mobila nätet, bättre prestanda för smartphones och surfplattor, möjligheten att betala direkt med mobilen och framför allt: fler användare är vana vid att använda en smartphone till lite allt möjligt i vardagen.

Idag kan du enkelt starta en blogg med mobilanpassad design inbyggt genom Tumblr eller WordPress finns det dessutom en mängd olika tjänster för att snabbt bygga en responsiv hemsida med en färdig (om än inte så egen) design, så som Squarespace och Weebly. Du kan även köpa en uppsjö av färdiga responsiva teman till WordPress och vanliga HTML-sidor.

Många webbhotell som till exempel Loopia erbjuder idag så kallad en ”One-click-installer” för såväl Joomla som WordPress och egna verktyg för att bygga en hemsida eller nätbutik, så att även den den biten har blivit betydligt enklare. Vill du ha en lite mer egen design eller hjälp med installation eller mer avancerade funktioner så kan det fortfarande vara bra att anlita en webbutvecklare, men en bra början har blivit betydligt enklare att få upp nu än hur det var för till exempel 10 år sedan då det krävdes djupare kunskaper för att få upp en hemsida.

6. Din hemsida blir mer konkurrenskraftig

Om din hemsida aldrig har sett ut och fungerat så bra i mobilen så ger en optimering till mobilanpassad design dig möjligheten att täppa igen ett hål med missade chanser. Visar det sig att även flera av dina konkurrenter inte har tänkt på responsiv design så har du mycket att vinna på att vara en av få som har det.

Enligt en undersökning av Google i Juli 2014 så saknade nära hälften av de 50 största företagen i Sverige en mobilanpassad hemsida helt och hållet. Om dessa stora företag med flera miljoner eller miljarder i omsättning saknar en mobilanpassad hemsida så kan även du som lite mindre företag dra hem fördelar genom att försöka sno besökare och avslut som dessa giganter missar.

Har du sökmotoroptimering i bakhuvudet när du jobbar med ditt företags hemsida och har du en sida som rankar under en nemesis till konkurrent där du inte riktigt kan förstå varför ni inte gått om dem på sökordet än och båda har en hemsida som inte är mobilanpassad än? Då kan kanske ett lyft till en snabbare och mobilanpassad hemsida vara den där lilla knuffen ni behöver för att med tiden gå om konkurrenten i placeringar!

Mer information om mobilanpassning:

Kontakta mig om att göra din hemsida mobilanpassad »

Mobilvänliga hemsidor kommer rankas högre i Google:s mobila sökresultat

Postat av under Sökmotoroptimering, Webbdesign.

Mobilvänlig webbdesign

Google postade igår ett inlägg i deras Official Google Webmaster blog som är intressant för alla webbutvecklare och även för de som sysslar med sökmotoroptimering(SEO). Från och med 21:a april i år kommer Google att börja ranka mobilvänliga hemsidor högre i sökresultaten för användare som söker i mobilen. De kommer göra en förändring i deras algoritm för sök som med målet att användare världen över ska få mera relevanta sökresultat när de använder sina mobiltelefoner.

Det kan ju tyckas rätt logiskt att det för en besökare väger upp om det går att ta till sig informationen på en hemsida i mobilen på ett vettigt sätt utan att man behöver zooma in, flytta runt på sidan och liknande. I november förra året så började Google använda en liten textbit som gjorde det enklare för mobila besökare att se om en sida i resultatet var ”mobile-friendly” eller inte.

Med mobilanvändning som ständigt växer så tycker jag det är ett naturligt steg att Google värderar mobilt optimerade hemsidor högre än dess dåligt optimerade konkurrenter. Dessvärre så är det fortfarande skrämmande många till och med topp-företag som har hemsidor som inte går att använda utan frustration i mobilen.

Vad gör en hemsida mobilvänlig?

Vad definieras då som en mobilvänlig hemsida? Google:s syn på det hela och vad som lär vägas in i deras bedömning av sidor i april, kan du hitta i deras guide to mobile-friendly sites. Google har även ett test du kan köra på din eller din konkurrents hemsida för att se om den är mobilvänlig.

Det är flera aspekter som spelar in, bland annat hur sidan är designad- om den är responsiv eller har en speciell version för mobila besökare och även SEO-mässigt om en besökare levereras på ett korrekt sätt till sidan utan massa ompekningar och liknande. Mer om mobil SEO kan du också läsa i Google:s pedagogiska guide ”Mobile SEO”.

Här är några exempel på sådant som jag brukar tänka på när jag utvecklar responsiva hemsidor som ska ge en trevlig upplevelse i olika typer av mobiltelefoner. Mycket av detta tänk är även viktigt att ha med om du vill ha en snyggt och användarvänligt emailutskick:

  • Knappar som går att trycka på med tummen: Vet inte hur ofta jag stött på knappar på hemsidor i mobilen som knappt går att trycka på utan att flytta handen då ytan att trycka på är för liten.
  • Textstorlek: Det finns mängder med kombinationer av skärmstorlek, upplösning och pixeltäthet bland moderna mobiltelefoner, vilket gör att den textstorlek som fungerar på de flesta datorskärmar inte nödvändigtvis är läsbara för alla mobilanvändare.
  • Hastighet: Trenden om du tittar på WordPress-teman från de senaste åren är stor användning av stora bilder, sliders/karuseller och mycket innehåll på en enda sida som kräver en del scroll för att ta del av allt. Detta kräver ofta en hel del Javascript, mer avancerad CSS-stil och bilder vilket snabbt ökar laddningstiden för hemsidan rejält. Om inte användare sitter med Wi-Fi eller har en bra datatrafik i mobilen så blir sidor som dessa och är dåligt optimerade, väldigt långsamma och frustrerande att besöka.Hemsidor som är långsamma att ladda och som har sega animationer gör att besökare backar och letar upp en mer optimerad konkurrent i sökresultaten istället. Men detta går att förhindra genom smart kodning, komprimering av filer och även att använda logik för att inte ladda in allt i full storlek eller direkt undvika att vissa block med innehåll laddas för mobila användare.

Det blir intressant att se hur denna förändring i Google:s algoritmer kommer att påverka besökartrenden från och med i vår för företag som ännu inte har en hemsida som fungerar bra även i mobiltelefoner.

Om du ännu inte har optimerat din hemsida för mobila besökare så är det här ännu ett bra skäl för dig att ta en titt på det så att du står redo under våren!

 

Vill ha hjälp med att optimera din eller ditt företags hemsida så den blir mobilvänlig?

Kontakta mig om att göra din hemsida mobilvänlig »

7 sätt att testa mobil responsiv design i din dator

Postat av under Marknadsföring på Internet, Webbdesign.

På dagens webb så är det kritiskt att din hemsida går att använda och att dina nyhetsbrev går att läsa i mobilen och surfplattor. Användandet av mobiler fortsätter att öka världen runt och därmed även företags spenderande för mobila annonser och satsningar för hemsidor och e-butiker som konverterar även när användaren är ute på språng. Tidigare var det populärt att ha en separat mobil version på en egen subdomän för sidan i stil med http://m.thomasdesign.se/ men nu har det blivit allt mer populärt med att använda så kallad responsiv design.

Responsiv design innebär att designelement på en hemsida flyter runt och ändrar storlek beroende på vilken upplösning din skärm har. Detta möjliggörs med att sätta olika regler i CSS-koden för upplösningar som hanteras av webbläsaren, oftast satta i bredd efter de vanligaste upplösningarna hos datorer, smartphones och surfplattor. Många nya smartphones och surfplattor har dock börjat ha samma höga upplösning eller högre än datorer, men de har då även en högre pixeltäthet som det går att anpassa designen efter och något som också är värt att tänka på om många av ens besökare använder sådana enheter.

Hur kommer man undan enkelt och billigt om man vill testa sin heta, nya responsiva design för en hemsida eller ett mailutskick men inte har flera mobiler och surfplattor med olika operativsystem? Du kan lösa det med olika typer av hemsidor eller mjukvara! Här listar jag sju av dessa som jag känner till och använder mer eller mindre i min utveckling av responsiva hemsidor och mail. Flera av dessa nedan kan du även använda för att testa dina mobilappar med som bonus!

Chrome Developer Tools emulering

1. Emulering i Chrome Developer Tools

Typ av verktyg: Mjukvara
Plattformar: Alla
Vad du kan simulera: Android, iOS
Pris: Gratis

En del föredrar Firefox och tillägget Firebug för webbutveckling och buggtestande, men jag trivs bäst med Chrome och det inbyggda Developer Tools. Förutom att du snabbt kan välja ett element på en sida och testa redigeringar direkt i webbläsaren så har Google även utrustat Chrome med en bra emulering som ofta stämmer väldigt bra överens med resultatet i en riktig enhet med Android eller iOS. Den främsta fördelen här är att du kan se och testa dina ändringar direkt och behöver inte uppdatera eller ladda upp något för att se resultaten i något annat verktyg eller i en mobil, vilket sparar mycket tid.

Bonustips: Ladda ner extension Tincr till Chrome som sparar dina ändringar du gör med Chrome Developer Tools direkt utan att du behöver göra något i ditt textredigeringsprogram!

Android SDK

2. Android SDK

Typ av verktyg: Mjukvara
Plattformar: Windows, Mac OS
Vad du kan simulera: Olika versioner av Android och appar
Pris: Gratis

Android SDK kan tyckas vara lite överkurs om du mest vill testa så att din hemsida ser OK ut i en Androidlur fast du inte har en fysiskt, men det kan vara användbart för att komma åt specifika inställningar och om du vill testa responsiva mail i Gmail-appen utan att köpa till någon testtjänst, men inte har något emot lite pillande med installationsfiler och inställningar.

Bluestacks

3. Bluestacks

Typ av verktyg: Mjukvara
Plattformar: Windows, Mac OS
Vad du kan simulera: Android-appar
Pris: Gratis

Bluestacks är främst utvecklat för att du ska kunna spela dina favoritspel till Android på din Mac eller PC. Men du kan även använda deras gränssnitt som ser ut likt en surfplatta med Android till att testa din hemsida. Med lite knep och knåp så kan du även installera flera webbläsare och appar som Gmail-appen för att testa hur dina mailutskick ser ut, något som annars brukar kräva kostsamma testverktyg som till exempel Litmus. Bluestacks kan vara ett snabbt alternativ till Android SDK om du mest snabbt vill simulera en hemsida utan allt för många inställningar eller meckande med filer.

Spoon.net

4. Spoon

Typ av verktyg: Mjukvara
Plattformar: Windows
Vad du kan simulera: Opera Mini med simulering av flera olika vanliga Android-mobiler och surfplattor
Pris: Från 12$/månad

Spoon är en tjänst som jag som webbutvecklare kan finna ovärderlig ibland, då den låter dig köra massor med program i molnet. Det starkaste med Spoon för mig är att det låter mig testa från Internet Explorer 6 och upp till IE 10 samtidigt som om jag hade alla versionerna installerade samtidigt på datorn. Jag vet inte hur de har lyckats med detta, men om du är ute efter ett smidigt och prisvärt test för att optimera för gamla och hatade versioner av Explorer så är det ett bonustips.

Vad Spoon också erbjuder är en Opera Mini till Android-simulator där du kan testa en mängd olika förinställda upplösningar och pixeltäthet som representerar populära smartphones och surfplattor med Android och du kan också konfigurera en helt egen vilket gör att simulatorn fungerar bra även för framtida enheter.

Sauce Labs

5. SauceLabs

Typ av verktyg: Hemsida
Plattformar: Windows
Vad du kan simulera: Android, iOS, Windows, Mac OS, Linux
Pris: Från 12$/månad

SauceLabs låter dig köra virtuellt testande av hemsidor och appar för flera olika plattformar och få screenshots och testresultat från dem. Detta möjliggörs med virtuella maskiner där du till och med kan navigera med viss fördröjning. Framför allt tjänsten ”Manual” är intressant i det här fallet som du kan testköra en begränsad version av gratis på hemsidan.

6. Opera Mini Simulator

Typ av verktyg: Hemsida
Plattformar: Alla
Vad du kan simulera: Opera Mini 8
Pris: Gratis

Det här är det mest begränsade verktyget i artikeln, men Opera Mini Simulator kan tillsammans med andra verktyg vara ett bra tillägg i din testarsenal om det dyker upp något fel som du har svårt att återskapa.

Xcode iOS Simulator

7. Xcode iOS Simulator

Typ av verktyg: Mjukvara
Plattformar: Endast Mac OS
Vad du kan simulera: Olika versioner av iPhone, iPad
Pris: Gratis

Xcode är ett program som alla som är bekanta med iOS-utveckling känner till och är gratis om du har Mac OS. Men du behöver inte kunna knacka app-kod för att kunna utnyttja denna simulator, utan det räcker med att du startar Xcode och sedan väljer Xcode > Open Developer Tool > iOS simulator för att få tillgång till ett mycket användbart verktyg. Simulatorn låter dig testa med olika versioner av iPhone och iPad och i horisontellt eller vertikalt läge och här är det nästan garanterat att det ser likadant ut i simulatorn som i en riktig enhet, vilket kan spara dig en del pengar om du inte är så sugen på att köpa en iPhone eller iPad.

Har du tips på någon till hemsida eller verktyg som jag har missat? Skriv gärna en kommentar!

Vill du ha hjälp med att optimera din hemsida eller din maildesign för mobilen? Kontakta mig