Brottsplatskartan v3 lanserad

Efter att ha fått tuffa på i ungefär ett år utan tillsyn har jag under de senaste veckorna piffat till brottsplatskartan.se. Allt är inte klart ännu, men jag tycker ändå det är dags att låta besökarna ta del av den nya formen.

En av grundideerna jag hade när jag startade sajten var att man på språng skulle kunna få information om vad som händer runtomkring där man för tillfället är. Lite dåligt har det därför varit att sajten fungerat riktigt dåligt i mobiltelefoner eller surfplattor. Grunden för den tillpiffning jag gjort av av sajten bygger därför på tanken/begreppet/fenomenet “Responsive Web Design”, som gör att webbplatsen ser bra ut både i en mobiltelefon, på en surfplatta och på en vanlig bärbar eller stationär dator. Att se det in action känns nästan som magi!

Så, eftersom jag tycker det är så roligt att utforska nya tekniker och metoder så har jag passat på att använda följande fiffiga grejjer vid skapande av nya brottplatskartan:

  • HTML5 istället för… jag minns inte vad, men 4 transitional skulle jag tro
  • Responsive Web Design för att göra den härligt tillgänglig överallt, baserat på mallar från Less Framework 4
  • LESS för att göra CSS både mer kraftfullt och lätthanterligt
  • W3.org:s Geolocation API för att avgöra var en besökare kommer ifrån och ge besökaren en direkt länk till deras – troligtvi och förhoppningsvis – korrekta län
  • Implementering av Schema.org:s scheman för geografisk placering och för platsinfo. Införandet av detta gör att platsen och datumet för varje varje händelse på sajten går att utläsa maskinellt. Google kan t.ex. använda denna information för att anpassa sökresultatet.
  • Användandet av webbapplikationsramverket CodeIgniter för att snabbt slutföra jobbet med sajten. CodeIgniter har varit mycket kul att jobba med och ramverket gör att jag organiserar min kod bättre och att jag automatiskt får tillgång till ett gång vettiga och bra funktioner, t.ex. cachning av webbsidorna och snyggare url:er.
  • Tjänsten CloudFlare används för att snabba upp sajten, göra den mer säker och ge mig ytterligare statistik om mina användare.
  • Google Web Fonts få att få ett typsnitt med lite mer karaktär till sajtnamnet och taglinen.

Sen tidigare används även följande standardgrejjer för att driva sajten:

  • HTML, CSS, JS – det är ju trots allt en webbplats!
  • VPS hos GleSys
  • Ubuntu som OS
  • Apache som webbserver
  • MySQL som databas
  • PHP som programmeringsspråk
  • jQuery för att förenkla JavaScriptanvändandet
  • AddThis- och Facebook-delningsknappar för att öka spridningen av sajten
  • Google Analytics för statistik
  • Google Maps för att visa kartor
  • Google Geocoding API för att försöka avgöra platsen för varje händelse

Så. Vill du kolla nya sajten så är det bara att klicka iväg dig till brottsplatskartan.se. Kommentera gärna det här inlägget om du tycker något om den nya formen!

Webbläsarna jag testar webbplatser i

Tog just en titt på vilka kombinationer av webbläsare jag har för att kunna testa mina sidor. Hoppas på att resultatet betyder att jag är en någorlunda seriös webbutvecklare:

Lokalt på min Mac

  • Chrome (senaste dev-versionen)
  • Firefox 3.6
  • Safari 4
  • Safari 3
  • Opera 10.5

Skärmdump som visar Parallels fönstret med val av operativsystem

Parallels. Alltid redo.

I Windows (via Parallels)

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 8

Några fler vore bra dock…

Rätt många webbläsare och ändå vet jag att jag borde dra in några fler. Främst då äldre versionen av Opera och Firefox. En snabb titt i Google Analytics för några av våra sajter visar att det ändå trillar in nån enstaka besökare i t.ex. Firefox 2 och rätt så många i Opera 9.

Webbtjänster för att tesa

För att testa sajterna i andra webbläsare finns också möjligheten att använda olika webbtjänster. Mina favorittjänsterer är IE Net Renderer, BrowserShots och ?Adobe BrowserLab främst för att båda är gratis. Litmus, Browsrcamp och CrossBrowserTesting är tre bra alternativ, som dock kostar en slant.

Webbläsare jag inte testar i eller utvecklar för

Även om jag tycker att en webbsida ska fungera oavsett webbläsare så finns det några jag faktiskt lagt av att testa för. Det känns helt enkelt inte värt tiden och arbetsinsatsen. Dessa är t.ex.:

Internet Explorer 5 för Mac. Denna webbläsare har jag faktiskt men måste medge att den verkar så utdöd att jag inte jobbar aktivt för att få sidorna att funka i den. Och Microsofts egna sidor fungerar inte ens så…

Internet Explorer tidigare än 6 för Windows. Syns inte i statistiken och den verkar utdöd, så jag utgår och hoppas på det. Skulle det krisa så har jag faktiskt några gamla virtuella maskiner med windows 95 och 98 liggandes.

Safari 1 och 2. Dessa kan jag helller inte finna i statistiken. Safari 1 går inte att köra på min dator så det är bara att ge upp. Safari 2 går dock att få igång och det är intressant att se att många sidor faktiskt funkar bra. T.ex. Apples egna hemsida funkar fint i Safari, inklusive bildspel. Positivt är även att alla de sidor jag själv gjort som jag testat med också har fungerar fint. Det finns dock sidor som inte alls fungerar bra. T.ex. Microsoft.com. Men det säger kanske mer om Microsoft än om Safari.

Vad har jag missat? Vad testar du i?

Har jag missat nån webbläsare eller bra sajt/sätt för att testa i. Kommentera, maila eller Twittra!

Parallels vinner och jag håller med

Efter att länge använt och rekommenderat VMware framför Parallels för att virtualisera Windows-maskiner, har jag nu i veckan gått över till Parallels helt. Det har den senaste tiden kommit tester som visar att just Parallels är snabbare.

Än så länge måste jag säga att jag är helnöjd. Upplever det som snabbare helt enkelt. Snabbare att starta upp och stänga ner maskinerna och även programmen i respektive virtuell maskin känns snabbare. Och av någon anledning bråkar Internet Explorer 6 i Windows 2000 mycket mindre i Parallels än vad den gjorde i VMware. Konstigt men bra.

Hittade även denna video idag som visar dom båda i en video, side-by-side (via http://www.tuaw.com/2010/03/15/found-footage-vmware-gets-schooled-by-parallels-in-mactech-benc/):

Tydligare blir det nog inte.

ImageOptim minskar storleken på bilder – suveränt för dig som sparar mycket bilder för webben

alt text

Schysst program

Nästan dagligen får jag nya bilder via Dropbox eller mail. Att dra in alla dessa bilder i Photoshop och spara för webb varje gång tar en himla massa tid. Istället har jag på sistone börjat använda OS X-programmet ImageOptim. Med ett enkelt dra och släpp-gränssnitt så minskar jag ner storleken på de flesta bilder av formaten PNG, JPEG och GIF.

Och eftersom programmet går snabbt att starta och är superenkelt att använda så kommer det faktiskt till användning, oftare än vad jag kunnat hoppas på.

Ett säkert kort i min..eh.. webbutvecklarkortlek! Sitter du på OS X och jobbar med webben så ska du ladda hem ImageOptim bums från http://imageoptim.pornel.net/.