peter.athega.se - Hem

Rework

2010-04-09T17:30:00Z

Det har än en gång blivit dags för en bokrekommendation och denna gång har jag läst Rework vilket är 37signals andra bok. Deras första bok, Getting Real har jag bloggat om tidigare.

Med undertiteln “Change the way you work forever” sätter de genast tonen för boken och om man som jag har följt deras blogg Signal vs. Noise så kommer man att känna igen mycket av det som sägs i boken.

“The real world isn’t a place, it’s an excuse. It’s a justification for not trying”

— Ignore the real world (Takedowns)

Jason och David har lyckats samla ihop ett imponerande antal riktlinjer och tips för hur de tycker att man ska starta, driva och växa (eller inte växa) ett hållbart företag.

Boken är uppdelad i de övergripande sektionerna Takedowns, Go, Progress, Productivity, Competitors, Evolution, Promotion, Hiring, Damage Control, Culture och Conclusion.

Som en liten extra bonus så har Mike Rohde illustrerat varje kapitel med sin mycket uppskattade sketchnote-stil.

“Don’t be afraid to show your flaws. Imperfections are real and people respond to real.”

— Nobody likes plastic flowers (Promotion)

Även fast boken innehåller så mycket information går den lätt att läsa igenom på en kväll.

Jag kan absolut rekomendera mina kollegor på Athega att läsa den.

The Passionate Programmer

2009-08-27T00:00:00Z

Det har blivit dags för en bokrekommendation och denna gång har jag läst The Passionate Programmer av Chad Fowler.

Med undertiteln “Creating a Remarkable Career in Software Development” så är det inte konstigt om man förväntar sig rätt mycket och jag tycker att Chad har lyckats bra med detta.

“Too many of us seem to believe that specializing in something simply means not knowing about other things.”

— Be a Specialist (Kap. 8)

Något man bör uppmärksamma är att detta är en reviderad version av My Job Went to India: 52 Ways to Save Your Job, så om du redan läst den kanske det inte finns så mycket nytt att hämta.

Bokens (korta) förord är skrivet av David Heinemeier Hansson (Mest känd som skaparen av Ruby on Rails).

Även om de flesta tipsen i boken är relativt självklara så är det trevligt att få dem uppradade på detta sätt. Varje kapitel avslutas med sektionen Act On It! där man får konkreta tips om hur man ska applicera det man lärt sig i kapitlet på sitt eget arbete.

“To find out whether you really know something, try teaching it to someone else.”

— Be a Mentor (Kap. 14)

Gott och Blandat #7

2009-08-26T23:00:00Z

Den 19:e Augusti hände något oväntat, en av de största konstnärerna i Ruby-communityt, why the lucky stiff raderade större delen av sin online identitet. Oväntat kanske är fel ord, då _why alltid har varit en smula oberäknelig.

Som tur var så startades whymirror relativt omedelbart. (Syftet är att samla alla _whys projekt)

MagickWand

Om man är ute efter ett alternativ till RMagick så kan man kika på MagickWand.

Exempel: Att skapa en tumnagel

require "magickwand"

wand = MagickWand::Wand.new
wand.read "shamrock.jpg"
wand.resize_to_fill 75
wand.modulate 100, 115
wand.write "thumbnail.jpg"

Compass

Compass är ett meta-ramverk för CSS (Använder sig av SASS) med stöd för Mixins.

ART && CODE

Om vvvv, Processing, Max/MSP/Jitter och Pure Data låter intressant så kan jag rekomendera videoklippen från konferensen ART && CODE.

qTip

I veckan som gick behövde jag lägga till hjälpinformation i en applikation. Mitt önskemål var att hitta ett plugin till jQuery för att göra pratbubblor och efter en stunds letande hittade jag qTip. Jag blev helt klart mäkta imponerad, speciellt av deras demos och dokumentation.

Exempel: Pratbubblor på alla länkar med title attribut

$('a[title]').qtip({ style: { name: 'cream', tip: true } })

#songsincode

Tweet meme som vägrar dö, nördigt men ganska kul :)

while(i++<100){ (new Balloon(Color.Red)).Go(); }

var u = {do(They.told=="ya"){ kill InNameOf(They); }

fear(REAPER);^H^H^H^H^H^H^H^H^H^H^H^H^H^H

if status ='ready' OR 'not' THEN getgps.localpos [TAB]

public bool NoSatisfaction { set { _noSatisfaction = value; } }

Gott och Blandat #6

2009-07-27T13:15:00Z

Sinatra och Rails uppdaterade

För ett tag sedan uppdaterades Ruby on Rails (2.3.3) och nu har även Sinatra fått en mindre uppdatering (0.9.4).

Du kan läsa om förändringarna i Sinatra här och förändringarna i Rails här.

KORG nanoPad

Jag har skaffat en KORG nanoPAD som som jag tänker kombinera med en KORG nanoKONTROL alternativt en AKAI LPD8 även om den senare saknar faders.

Ett tips är att mappa om X-axeln på touchplattan från Pitch Bend till CC0 och sedan använda den för crossfade i till exempel Native Instruments Traktor eller Ableton Live, jag skulle dock föredragit om X/Y-plattan ersatts med en fader och några vridreglage.

Rekomenderad läsning

Testning

Utvecklingsmiljö

Applikationer/Bibliotek

Sunspot: Solr-powered search for Ruby objects

Design

Ny skärm

Jag har äntligen tagit och skaffat en ny skärm, det blev en 23.6” (16:9, 1920x1080) BenQ G2412HD som både har DVI-D och HDMI, det enda som saknas nu är en DisplayPort → HDMI sladd, om det nu finns sådana.

Spent Per Day

2009-03-05T03:17:00Z

Scriptet jag bloggade om tidigare är nu klart och jag kallar det spent-per-day. Jag har använt mig av Gruff för att generera graferna och slutresultatet blev rätt stiligt.

Det ligger självklart på GitHub.

Vad gör scriptet?

Genererar grafer utifrån datat på översiktssidan på swedbank.se

Hur ser graferna ut?

RMagick på OS X

2009-03-04T22:55:00Z

Har suttit och kodat i några timmar och när jag nästan är klar så märker jag att jag inte hade installerat RMagick på datorn. Och för att RMagick ska fungera så måste man såklart ha en fungerande ImageMagick installation (eller GraphicsMagick om man kör RMagick 1), detta har tidigare varit en aning krångligt. Även om man använt sig av MacPorts.

Men nu är det bara att köra Rubyscriptet rmagick-osx-installer för att få allt installerat som det ska.

Athegas nya blogg

2009-03-04T13:54:00Z

Nu har jag satt upp Athegas blogg och ni kommer att kunna läsa mina inlägg på http://blogg.athega.se/author/peter/. Jag kommer fortsätta att blogga här men Athega-specifika poster kommer jag att skriva på sin rätta plats så att säga.

Yahoo! Query Language

2009-02-27T17:01:00Z

YQL gör det möjligt att hämta data från en mängd olika källor med ett SQL-liknande frågespråk. Man kan även använda det för sina egna applikationer.

Yahoo! kallar det:

A “mediator service” that enables developers to query, filter, and combine data across Yahoo! and beyond.

“YQL går att beskriva som ett API för den publika webben”

Exempel

YQL Fråga

SELECT url,title,abstract FROM search.web WHERE query="pizza"

REST URL (Returnerar JSONP)

12	http://query.yahooapis.com/v1/public/yql?q=select%20url%2Ctitle%2Cabstract%20from%20search.web%20where%20query%3D%22pizza%22&format=json&callback=?

Ersätt det avslutande frågetecknet med din callback-metod. Om du använder jQuery kommer den att sköta det åt dig.

Kod

Övningsuppgiften på gårdagens Athegatorsdag bestod i att man med data returnerat av en YQL sökning på Flickr samt jQuery skulle skapa ett bildgalleri.

Ett enkelt exempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Latest images tagged Athega</title>
    <script type="text/javascript" 
      src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
    </script>
    <script type="text/javascript">
      // We don't want any conflicts
      jQuery.noConflict();
      
      // SELECT * FROM flickr.photos.search 
      // WHERE text='Athega' LIMIT 8
      var query = 'http://query.yahooapis.com/v1/public/yql?q=' + 
                  'select%20*%20from%20flickr.photos.search%20' +
                  'where%20text%3D%22Athega%22%20limit%208' +
                  '&format=json&callback=?';
      
      // Get the data
      (function($) {
        $.getJSON(query, function(yql) {
          $.each(yql.query.results.photo, 
          function(index, photo) {
            // Build the url
            photo.url = 'http://farm' + photo.farm + 
                        '.static.flickr.com/' + photo.server + 
                        '/' + photo.id + '_' + photo.secret + '_s.jpg';
            
            // Create and append the img to the #images div
            $('<img />').attr({ 
              src: photo.url, 
              title: photo.title
            }).appendTo('#images');
            
          });
        });
      })(jQuery);
    </script>
    <style type="text/css">
      #images {
        width: 300px;
      }
    </style>
  </head>
  <body>
    <div id="images"></div>
  </body>
</html>

Mer information

Introduktion till jQuery

2009-02-27T15:30:00Z

Vad är jQuery?

Ett open source JavaScript bibliotek som förenklar interaktionen mellan HTML och JavaScript.

jQuery är byggt runt CSS selektorer (CSS 1, 2 och 3) och sedan en tid använder man motorn Sizzler för att hantera de tunga lyften.

jQuery fyllde tre år den 14:e januari, version 1.3 släpptes samma dag.

Lätt att använda

Helt unobtrusive
Använder CSS för att applicera funktionalitet
Lätt att separera beteende
Snabb, “kärnfull” syntax

“Fokus för jQuery är att hitta några element, och sedan göra något med dem”

$('div').addClass('special');

Varför jQuery?

Väldokumenterat
Vältestat (1500+ tester)
Gratis, öppen källkod
- GPL eller MIT (dubbellicensierad)
Lättviktigt
- 19kB (Minifierad och Gzippad)
Massor av plugins
Fri hosting hos Google (vafritt)
Fantastisk community
Allt fungerar i IE 6+, FF 2+, Safari 3+, Opera 9+ samt Chrome.

Vem använder jQuery?

Projekt
- Wordpress, Drupal, CakePHP, Textpattern, Mozilla
Företag
- Google, IBM, Amazon, Digg, Netflix, Dell, HP, Bank of America, Intel, NBC, CBS, BBC, Reuters, Newsweek, Boston Globe, Fler..
Många fler…

Prestanda

Den senaste versionen (1.3.2) släpptes den 20:e februari och den innehåller ett flertal prestandaförbättringar:

Tillgänglighet

Tangentbord
Skärmläsare
Bidrag från Mozilla Foundation för att implementera WAI-ARIA

Kod

Plugins

jQuery är tänkt att byggas ut med hjälp av plugins.

Att lägga på nya metoder:

jQuery('div').hideRemove();

Trivialt att implementera:

jQuery.fn.hideRemove = function(speed) {
  return this.hide(speed, function() {
    jQuery(this).remove();
  });
};

Exempel på plugins:

Forms: bättre hantering av formulär
Dimensions: mängder av mått på webbläsarfönstret
UI: drag och släpp, widgets, teman
jQuery Google Charts: Wrapper runt Google Charts API:et

Mer information http://plugins.jquery.com/

Konflikter

Till skillnad från många andra JavaScript ramverk så är utvecklarna av jQuery måna om att inte skräpa ner i det globala namnutrymmet. Man behöver inte ens exponera $-metoden om man inte vill.

jQuery.noConflict();
    
jQuery(document).ready(function(){
  // Din egen kod
});

Man kan dock fortfarande använda sig av $ om man skickar in jQuery i en anonym metod.

(function($) { /* Kod som använder sig av $ */ })(jQuery)

Mer information http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Exempel

jQuery() funktionen

jQuery('div#intro h2');
jQuery('div.section > p');
jQuery('input:radio');
    
$('div#intro h2');

jQuery kollektioner

$('div.section'); // returnerar en kollektion

Man kan göra metodanrop till kollektioner

$('div.section').size(); // Antal element som matchades av selektorn
    
$('div.section').each(function(div) {
  // Manipulation av div elementet
});

Manipulera hela kollektioner

De flesta jQuery metoderna opererar på alla matchade element i en kollektion.

1234	$('div.section').addClass('highlighted');$('img.photo').attr('src', '/default.png');$('a.foo').html('<em>Click me now!</em>');$('p:odd').css('background-color', '#ccc');

Hämta värden

Några metoder returnerar värdet på det först matchade elementet.

123	var height = $('div#intro').height();var src = $('img.photo').attr('src');var lastP = $('p:last').html();

Traversera DOM:en

jQuery tillhandahåller förbättrade metoder för att traversera DOM:en.

$('div.section').next();
$('div.section').prev();
$('div.section').prev('a');
$('div.section').parent();
$('div.section').parents();

Hantera events

jQuery tillhandahåller metoder för att tilldela event handlers.

1234	$('a').click(function(ev) { $(this).css({backgroundColor:'orange'}); ev.preventDefault();});

Unobtrusive JavaScript

$(document).ready(function() {
  alert('The DOM is ready!');
});
    
$(function() { alert('This is a shortcut') });

Mer information http://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Kedja metodanrop

Alla jQuery metoder returnerar ett nytt jQuery objekt, detta gör att man kan kedja ihop metoderna efter varandra.

$('h1').fadeOut().addClass('highlight').fadeIn();

Ajax

jQuery har bra stöd för Ajax och Ajax-liknande funktionalitet som JSONP.

$('div#intro').load('/some/file.html');

Några mer avancerade metoder:

1234	$.get(url, params, callback);$.post(url, params, callback);$.getJSON(url, params, callback);$.getScript(url, callback);

Övrigt

Microsoft och Nokia <3 jQuery

Microsoft har beslutat att skeppa stöd för jQuery i kommande versioner av Visual Studio. Detta inkluderar officiellt stöd för jQuery Intellisense.

Nokia har meddelat att de kommer att använda jQuery i sin WebKit-baserade Web Run-Time

Mer information http://blog.jquery.com/2008/09/28/jquery-microsoft-nokia/

Google AJAX Libraries

Google tillhandahåller ett CDN för ett flertal olika ramverk, jQuery är ett av dem.

Mer information http://code.google.com/apis/ajaxlibs/

Dokumentation och presentationer

API Dokumentationen för jQuery hittar man på http://api.jquery.com/ där man även kan installera en AIR-version.

John Resig’s presentation Learning jQuery @ MIT

Hemma i Sverige

2009-02-23T11:21:00Z

Efter en månad på Thailändska stränder och klippväggar har jag kommit hem till ett något kyligare Sverige. Chocken inleddes med -5°C och snörök i Helsingfors, väl hemma i Stockholm var det lite mildare.. bara -1°C.

Utsikten från hängmattan på Lao Liang. (Fler bilder från stranden)

Nu har jag fullt upp med att komma ikapp med vad som hänt i Rails och Javascript-världen, vilka apps jag ska installera på min nya iPhone och att gå igenom vad jag ska jobba med den närmsta tiden.

Min kompis Johan försökte förgäves att ladda ner screencasten Objective-C for Rubyists från PeepCode över wlanet på Countryside Resort på Ton Sai. Av beskrivningen att dömma så verkar den passa mig rätt bra, men om någon har förslag på bra böcker om Objective-C så är det bara att kommentera eller ännu bättre att tweeta (@peterhellberg).

Mycket kan man säga om kaffet i Thailand, men bra.. det är det inte.

Fredagsrapport vecka 3, 2009

2009-01-16T17:30:00Z

Under veckan har jag och Micke 1 avslutat arbetet med prototypen, det kommer att ske en presentation den 3:e februari och sen får vi se om projektet blir av.

Vad skall jag jobba med nästa vecka

Jag kommer att kika på lokalisering till nytt språk av befintlig webbplats för en ny kund, vet inte så mycket mer om det projektet än.

Vad skall jag göra i helgen/vad händer privat

Jag kommer att fortsätta att försöka hitta en olåst iPhone till vettigt pris och förhoppningsvis börja läsa någon av böckerna jag fick från Amazon igår.

Övrigt

jQuery 1.3.0

jQuery har fyllt tre år, och lagom till födelsedagen lanserade de en ny version. Versionen i fråga är jQuery 1.3, fylld med fixar och nyheter. Även hastigheten är avsevärt förbättrad.

Förutom själva biblioteket så har dokumentation i form av en Adobe AIR applikation släppts. Den går att ladda ner på http://api.jquery.com/ (Där man såklart även kan läsa dokumentationen)

Flickr: Nearby

Flickr har släppt en ny funktion för att hitta foton i närheten. Ett exempel hittar man på http://flickr.com/photos/peterhellberg/2848071666/nearby

Fredagsrapport vecka 2, 2009

2009-01-09T18:05:00Z

Under mellandagarna har jag jobbat vidare med projektet som till största delen bygger på en frontend skriven med hjälp av jQuery och Rails som backend. Jag blir bara mer och mer förtjust i jQuery för varje dag som går och jag kommer absolut att kolla på jRails nästa gång jag ska utveckla en “vanlig” webbplats.

Jag hjälpt Stina och Robert med lite grundarbete inför offerten de ska skriva och diskuterat PDF-generering från HTML med Johan.

Vad skall jag jobba med nästa vecka

Kommer att jobba vidare med projektet tillsammans med Micke 1 och förhoppningsvis få det förlängt efter att vi presenterat prototypen.

Veckans svarta kamel

Min förkylning som vägrar att ge med sig. Förhoppningsvis så går den nog att bota med lite Thailändskt solsken. (2 veckor kvar nu)

Vad skall jag göra i helgen/vad händer privat

I helgen har jag tänkt kurera mig bäst det går, koda lite och antagligen spela lite Extreme Team Deathmatch i Call of Duty 4: Modern Warfare. (Min gamertag är: c7 se)

Övrigt

Asus Eee Keyboard

Asus har presenterat sitt omåttligt häftiga Eee Keyboard vilket är en komplett dator med trådlös hdmi och pekskärm. Att det sedan är väldigt likt apples tangentbord skadar ju inte heller. Jag hoppas verkligen att Eeebuntu kommer fungera bra.

Tycker som många andra att de borde döpa produkten till Keeeyboard.

Webbhotell med stöd för mod_rails

Fler och fler webbhotell börjar förstå grejen med Ruby on Rails, några som verkar bra är:

Hosting Rails (USA)
DreamHost (USA)
Bluerail (NL)

Skriva gärna en kommentar om du känner till fler hotell med schysst stöd för mod_rails.

Cross Domain Scripting

2008-12-01T11:27:00Z

Jag har tidigare nämnt att jag kikar på möjligheterna med Cross Domain Scripting och det verkar som om det finns tre olika lösningar på problemet: Proxy, JSON och Flash. Den sistnämnda är dock inte intressant för vårt ändamål.

Proxy

Att använda sig av en Cross Domain Proxy verkar vara den vanligaste lösningen och den fungerar så att man skickar sina förfrågningar mot den egna servern som sedan ansluter till destinationsservern för att hämta resultatet.

Fördelar

Driftsäkerhet (möjlighet att hantera fel innan de når klienten)

Nackdelar

Kräver att man utvecklar en proxy per språk och/eller miljö.

JSON

Med JSON och dynamiskt skapade scripttaggar kan man uppnå XmlHttpRequest-liknande funktionalitet utan att begränsas av same origin policyn. Men inget gott som inte har något ont med sig, man blir av med möjligheten till att hantera HTTP-status, POST och HTTP headers. Blir det något fel på vägen så kommer scripttaggen helt enkelt inte att exekveras.

Fördelar

Klarar att ansluta till en annan domän utan att man behöver ha några serverside script.

Nackdelar

Ingen HTTP-status, POST eller HTTP headers
Ingen felhantering

Ska experimentera lite med JSON-lösningen för att se om den räcker för våra behov.

Fredagsrapport vecka 48, 2008

2008-11-28T14:56:00Z

Under veckan som gått har jag kodat lite på Axept, gjort en liten Railsapp tillsammans med Stina och Robert.

Nu sitter jag och undersöker möjligheterna med Cross Domain Scripting, och det verkar som om jag kommer att inrikta mig på någon form av JSONscriptRequest-lösning.

Vad skall jag jobba med nästa vecka

Lite osäkert just nu men jag och Micke har diskuterat lite spännande saker som kanske drar igång. Annars får vi se vad Fredda har på gång.

Vad skall jag göra i helgen/vad händer privat

Ikväll ska jag gå på Thanksgiving-middag hos en Amerikansk kompis tillsammans med större delen av Bandhagsgänget. På lördag är det dags för den årliga julfesten hemma hos en av mina kusiner och hans fru. Förutom det ska jag koda lite HTML och spela Left 4 Dead.

Fredagsrapport vecka 45, 2008

2008-11-07T16:32:00Z

Under veckan som gått har jag gjort lite småsaker, planerat ett nytt projekt, gått på möte med Fredrik och uppdaterat Lunch-applikationen [lösenord krävs], man kan nu ladda upp en bild till varje restaurangs profil.

Vad skall jag jobba med nästa vecka

Mockups för ett nytt projekt och förhoppningsvis kunna påbörja utvecklingen så smått. Nu är det äntligen dags för ett fullfjädrat Rails-projekt med allt vad det innebär. Jag tänker mig Bort (eller någon av de andra varianterna) som grund till applikationen, deployment med Capistrano och Phusion Passenger som applikationsserver.

Det jag nu måste bestämma mig för är vilket CSS ramverk jag ska använda mig av, de tre jag väljer mellan är 960 Grid System, Blueprint CSS och YUI Grids CSS. Någon som har några preferenser? Då får ni gärna skriva en kommentar.

Vad skall jag göra i helgen/vad händer privat

I helgen ska jag spela Gears of War 2 och antagligen gå på klätterfilmsfestivalen CRIMPER som Jacob är med och arrangerar. Sen kommer min far på besök.

Övrigt

Några spännande Erlang-projekt som jag vill kika mer på i framtiden är Apache CouchDB och ejabberd.

Apache CouchDB

Apache CouchDB är en distibuerad, feltolerant och schemafri dokumentorienterad databas åtkomlig genom ett RESTful HTTP/JSON API.

ejabberd

ejabberd är en Jabber/XMPP instant messaging server, licensierad under GPLv2, skriven i Erlang/OTP. Bland annat är den platformsoberoende, klustringsbar och modulär.