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!

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