Marcus Olsson

Frilansande webbutvecklare

Mobile Menu

19 november 2014 av Marcus Olsson

Google visar nu om en webbplats är mobilanpassad

Google mobile-friendly

Google verkar arbeta mer intensivt än någonsin för att förändra hur SERP:en (Search Engine Result Page) presenteras och inte bara hur sidorna rankas i deras algoritm. Tidigare i år plockade de bl.a. bort Google+ profilen som är länkade till webbplatserna (till mångas förtret som lade ner tid på den kopplingen).

I går så meddelade Google via Webmaster Central Blog att de nu direkt i sökresultatet kommer att visa om en webbplats är användarvänlig på en mobil. En uppdatering som faktiskt är vettig – hur många gånger har man inte med sin iPhone surfat in på en sida för att upptäcka att den är obrukbar på en liten skärm; med knappar som sitter för tätt, innehåll som är för brett och tvingar en att scrolla i sidled eller t.o.m. använder flash (en sällan skådad syn numera, tack och lov).

Det enda som extra som visas är kort och gott orden "Mobile-friendly".

Är du osäker på om din webbplats klassas som "mobilvänlig" så kan du använda Googles Mobile-Friendly Test – där får du också förslag på punkter som ska åtgärdas.

Google not mobile-friendly

Och när du ändå är i farten, varför inte optimera sidan – någon som faktiskt även påverkar sökresultaten. PageSpeed Insights är en bra plats att börja på.

Funktionen kommer stegvis att lanseras världen runt inom de kommande veckorna enligt Google, men i Chrome för iOS så verkar det redan vara implementerat (på Google.com i alla fall).

11 november 2014 av Marcus Olsson

Firefox Developer Edition

Mozilla Firefox Developer Edition

Mozilla släppte igår en ny variant av Firefox (efter att ha utannonserat en "webbläsare för utvecklare"), som de rätt och slätt kallar för "Firefox Developer Edition".

Webbläsaren är helt enkelt en gren av vanliga Firefox, men där de har plockat in alla utvecklingverktyg som de kunde hitta – för att sedan lansera det som ett paket. Bland annat ingår WebIDE (för att skriva, testa och köra kod direkt ifrån webbläsaren) och Valence för att debugga Chrome och Safari för iOS direkt i Firefox.

Det största skillnaden på ytan är annars temat, som har fått liknande design som utvecklingsverktygen i "standardutgåvan" av Firefox – och en ny fin ikon, så klart.

Som alltid så är Firefox gratis att ladda ner och använda, och just Developer Edition hittar du här – med om Mozillas tankar om projektet kan du läsa på bl.a. Mozilla Hacks.

3 november 2014 av Marcus Olsson

En webbläsare för utvecklare?

Mozilla (utvecklarna av bl.a. webbläsaren Firefox) meddelade idag något oväntat att de den 10 november släpper en "webbläsare dedikerad för utvecklare". Exakt vad det här innebär är fortfarande något osäkert – är det nya utvecklingsverktyg till Firefox, är det en helt ny webbläsare eller är det kanske ett paket med verktyg för övriga webbläsare?

Ska bli helt klart spännande att se, och om inte annat en ursäkt till använda någon annan webbläsare än Chrome.

Läs mer (och se en "teaser") på The Mozilla Project-bloggen.

16 oktober 2014 av Marcus Olsson

Nytt från Apple – 16 oktober 2014

Som vanligt är så här på höstkanten så håller Apple i två event – ett där de presenterar nya iPhones, och ett där de presenterar nya iPads (förr var det även för nya iPods och MacBook Pros också).

Redan i förväg visste vi att vi skulle få se nya iPads genom att Apple för ovanlighetens skull själva läckte information.

OS X Yosemite

OS X har Apple pratat mycket om tidigare sedan det presenterades i våras.

Craig Federighi gick igenom en rad av de nya funktionerna så som HandOff – och pratade en del om uppdaterade Safari, som Apple hävdar renderar Javascript 6 gånger snabbare än Chrome och Firefox.

Yosemite släpptes som väntat under keynoten (alltså ute nu).

iPad Air 2 och iPad mini 3

iPad Air 2

Den nya iterationen av iPad Air är ännu tunnare, smått otroliga 6,1mm. Annars är det mest förbättringar gentemot tidigare modellen som gäller; snabbare processor (A8X, en upphottad version av iPhone 6s A8) och tilläget av Touch ID.

Även iPad Mini 3 fick liknande uppdateringar som sin storebror. Båda finns nu dessutom i samma tre färger som iPhone:n; silver, "space grey" samt guld.

Priserna är de samma som föregångarna, men de tidigare modellerna stannar kvar i sortimentet till ett billigare pris.

iMac with Retina Display

iMac Retina 5k

Retina kommer till desktop!

Nya iMac:en har en upplösning på 5120 x 2880, alltså klassad som en "5K"-display – fem gånger mer än en full HD-Tv.

24995kr går den nya iMac:en loss på – då får man 8GB RAM, och AMD Radeon R9 M290X (2GB). Man kan också stoppa in en 4GHz Core i7 om man så önskar (det kostar en slant givetvis).

Mac Mini

Nya Mac Mini 2014

Det var ett tag sedan Mac Mini fick en uppdatering – men idag så fick den äntligen en bump på processorn och det integrerade grafikkortet (numera Intel HD 5000 på instegsmodellen, övriga modeller Intel Iris). De snålar fortfarande med minnet, endast 4GB i grundutförandet.

Apple skar även bort en bit på priset – 4895kr får man nu ge för den billigaste modellen.

30 september 2014 av Marcus Olsson

Vad kostar det att anlita en webbutvecklare?

Ett par, tre gånger i veckan så blir jag kontaktad av mindre företag och ibland även privatpersoner som kommer med webbprojekt som de önskar ha genomförda – vilket såklart är jätteroligt. Men ofta innehåller mailet (eller telefonsamtalet) frågan "vad kostar det?".

Det är här man ofta stöter på det första hindret – att räkna ut priser och kostnader för ett webbprojekt är inte att gå efter en lista som specificerar priser så som:

  • Nytt Wordpress-tema: 5000kr
  • Responsiv design för Wordpress-tema: 3000kr
  • Webbapplikation: 7000kr

Det vore såklart smidigt, men på både gott och ont är varje projekt unikt.

Hur jag arbetar

Jag brukar först diskutera igenom projektet noga med den blivande klienten/kunden, för att gå igenom vilka krav som finns för projektet och vilka funktioner som önskas. Detta momemtet är förmodligen en av de viktigaste punkterna under hela projektet för att få alla involverade nöjda med resultatet.

Därefter så tittar jag på kringliggande krav; vilka tekniska krav finns, kan man återanvända kod som redan finns, antingen från en befintlig webbplats, eller kanske programvaror eller moduler som finns open source? Vilken plattform är det frågan om, kommer programvaror att behöva licensieras?

Efter de här stegen har jag en rimlig uppfattning om vilken tidsåtgång det är frågan om och vilka extra kostnader som behövs för projektet, och kan därför skriva en offert.

I offerten brukar jag inkludera den faktiskt beräknade tidsåtgången, samt en "extratid" på 20%. Den extratiden är för oförutsedda händelser som kan inträffa under projektets gång, oftast att klienten ångrar sig gällande design och/eller funktioner och önskar fler korrekturomgångar.

Men faktum är att i åtta av tio projekt så används inte den extra planerade tiden.

Önskar du en prisuppskattning för ett kommande projekt?

Har du ett webbprojekt som du önskar genomföra? Du är alltid välkommen att kontakta mig för att påbörja en diskussion – inga projekt är för små eller stora.

18 september 2014 av Marcus Olsson

Snygga(re) URL:er med Jekyll och Nginx

Jekyll är nästan komplett "out of the box" – men det finns ändå en del saker som saknas, större kontroll över URL:er och bättre hantering av taggar och kategorier är några av dem.

URL:er ja – det finns det många åsikter om vad som är fel, vad som är snyggt och vad Google föredrar.

Jag föredrar permalänkar utan filändelser, och utan avslutande snedstreck ("trailing slash"). Tidigare när jag körde SecondCrack så var det inga som helst problem – då filerna t.o.m. genererades utan filändelser.

Men med Jekyll så är det lite annorlunda; man har stor frihet i hur man vill att ens permalänkar ska se ut så länge som man håller sig inom vissa ramar, t.ex (i _config.yml):

permalink: /:categories/:year/:month/:day/:title/
## /2014/09/18/snygga-urler-i-jekyll/

permalink: /:categories/:year/:month/:day/:title.html
## /2014/09/18/snygga-urler-i-jekyll.html

Detta är de två standardalternativen "pretty" respektive "date", men man kan plocka in en rad olika parametrar tecken efter tycke och smak.

Men då var det ju det att få bort både .html-ändelsen, och det avslutande sedstrecket. Vad vi är ute efter är:

## /2014/09/18/snygga-urler-i-jekyll

På Nginx gör det enklast genom att sätta permalink till pretty, sedan ändra i webbplatsens konfigurationsfil:

rewrite ^/index.html$ / permanent;
rewrite ^(/.+)/$ $1 permanent;
rewrite ^(/.+)/index.html$ $1 permanent;

location / {
	try_files $uri $uri/index.html =404;
}

Så långt är det inga konsigheter, – du kan nu besöka dina sidor utan vare sig ".html" eller "/". Men om du försöker bygga din webbplats med jekyll build nu och kollar på dina permalänkar som genereras via t.ex. {{ post.url }} i koden så ser du att du fortfarande har ett avslutande snedstreck. Trist. Detta är dessvärre någonting som man behöver plocka bort själv – enklast är förmodligen att skriva ett Liquid-filter. T.ex. så enkelt som:

module LastFilter
	def remove_last( input )
		input.chop
	end
end

Liquid::Template.register_filter(LastFilter)

Lägg i den koden i en .rb-fil i din _plugins-mapp så kan du använda filtret; {{ post.url | remove_last }} så blir du av med snedstrecket även i koden.