∞

Tidstjuvar och nyttoappar

Foto: Sanna Lund

De smarta telefonerna gör att vi ständigt är uppkopplade och alltid har något att pilla med. Vad gjorde vi egentligen för tio år sedan när vi stod och väntade på bussen och inte kunde twittra eller skjuta fåglar på grisar?

Men telefonen är inte bara en tidstjuv. Det finns bra nyttoappar som jag sparar tid med. Här är tre av mina favoriter:

Länsförsäkringar bank

Nu har alla banker hoppat på apptåget. Länsförsäkringars app har räddat mig flera gånger när jag har varit på språng och behövt föra över pengar.

Dessutom slipper man nu för tiden skriva OCR- nummer för hand. Fota bara räkningen så fixar appen resten, en riktig tidssparare!

Kalender

Jag använder mig av Google Kalender tillsammans med telefonens inbyggda kalender-app. På så vis kommer jag alltid åt min kalender så länge jag har tillgång till Internet.

Kalendern påminner mig om födelsedagar, tvättider, möten och mycket mer. Den är mitt utökade minne.

Jag får påminnelser i form av att telefonen piper, SMS eller e-post. Och min favoritfunkion: det går att dela kalendrar. Jag och Sanna har en gemensam där vi lägger tvättider och annat som berör oss båda. Dessutom ser vi varandras kalendrar.

Remember The Milk

Remember The Milk är i sin enklaste form en att göra-lista men kan så mycket mer. Det går att ha flera listor och dela dem med andra. Jag och Sanna har en gemensam inköpslista och den underlättar vardagen enormt.

Så fort jag kommer på något kan jag skriva upp det i appen och Sanna ser det direkt på sin telefon. På så vis vet vi att det blir köpt, oavsett vem som går till affären. Om jag bestämmer mig för att handla efter jobbet behöver jag inte gå hem och inventera skafferiet, allt finns redan i telefonen. Det är verkligen kanon!

Vilka är dina nyttoappar?

∞

Våga strypa informationsflödet

En inte så liten ström med information pockar på min uppmärksamhet varje dag. Jag har flera nyhetskanaler som jag ser som inkorgar som måste tömmas. Det är ett under att jag får något gjort! Här kommer några exempel på inkorgar:

  • E-post
  • Tugg.nu
  • Hackernews
  • Google Reader
  • Podcasts
  • Instapaper
  • Twitter
  • SMS
  • Missade telefonsamtal
  • Facebook
  • Analog post (fysiska brev)
  • Notifikationer i telefonen
  • Fysisk inkorg hemma
  • Internetbanken

Det finns säkert fler.

Google Reader letar hela tiden efter nytt innehåll på mina favorit-webbplatser och -bloggar. Det är den största källan till nyheter för min del, med 50-100 nya artiklar om dagen att läsa. För att inte drunkna i informationsflödet ser jag till att ”tömma Reader” varje dag.

Fram till för ett par veckor sedan.

Jag är lite av en informationsknarkare och insåg att jag spenderade för mycket tid i Reader. Tid som jag skulle kunna vara kreativ på istället. Så jag tog ett svårt beslut och tog bort alla mina prenumerationer. Nu:

  • känner jag ingen stress att ”tömma Reader”
  • får jag mer tid över att skapa i stället för att konsumera

Jag får fortfarande reda på nyheter av vänner och bekanta och ser intressanta artiklar att läsa på Twitter. Jag sparar timmar varje vecka på att inte använda Reader!

Håller du också på att drunkna i informationsflödet? Identifiera dina inkorgar och kolla om du kan göra som jag: eliminera en. Känns det för drastiskt? Minska på flödet eller avgränsa konsumtionen till en viss dag – Facebookfredag eller Twittertisdag.

∞

Mindre prylar

Jag är prylgalen! Det kan vara mobiltelefoner, radiostyrda bollar eller en våg som twittrar min vikt. Är det en pryl är chansen stor att jag vill ha den.

Jag är väl medveten om min last och har med tiden kommit fram till att jag inte blir lyckligare av köpa fler saker. Ändå är det svårt att motstå frestelsen när det släpps en ny pryl som väcker vill-ha-begäret.

Jag försöker så gott jag kan och har upptäckt flera fördelar med att äga mindre saker:

  • Jag får mer pengar över till sådant jag tycker är viktigare och roligare.
  • Det är lättare att hålla rent hemma.
  • Med färre prylar kan jag i stället satsa på kvalité.

Hur gör jag då för att minimera antalet prylar? Till att börja med försöker jag minimera mina inköp. Ett smart tips är att vänta ett tag, till exempel en månad, från det att man får en köp-impuls tills att man faktiskt gör köpet. Ofta har ha-begäret släppt när det gått 30 dagar.

Jag försöker också rensa bland befintliga prylar. Här är några tips:

  • Släng om det är trasigt eller oanvändbart.
  • Sälj på Blocket eller Tradera.
  • Skänk till välgörenhet.
  • Ge till någon du tycker om.
  • Hitta nytt liv: till exempel kan en gammal sliten t-shirt gå bra att träna i.

För ett par veckor sedan slipade jag och Sanna upp våra knivar och några av dem har fått nytt liv i sommarstugan. Även mina gamla träningsskor är nu permanent bosatta i Sommarbo. I stället för att sälja iPaden på Blocket gav jag den till svärmor, som blev överlycklig.

Nästa gång du har långtråkigt, passa på att rensa upp i garderober och förråd!

∞

Enklare på jobbet - tre boktips

Har du någon gång kännt att det är mycket att göra på jobbet? Det känner jag ibland. För många bollar i luften, möte efter möte och en aldrig sinande ström med problem att lösa. Jag älskar mitt jobb men där, precis som hemma, finns ett behov av en enklare tillvaro. Jag strävar alltid efter att bli mer effektiv och fokusera på rätt saker.

Här är är tre snabba boktips som gjort skillnad:

  • Rework: Hur du kan få fler saker gjorda med mindre arbete, pappersarbete och möten. Jag gillar hur boken är uppbygd av korta berättelser.
  • Getting Things Done: Typisk amerikansk bok med mycket upprepningar men som helt förändrat hur jag jobbar med mina att göra-listor.
  • Focus: Innan jag läste den här boken var jag helt säker på att jag kunde ”multi-taska” – det kan jag inte! Den digitala varianten är gratis.

Nästa bok som ligger i att läsa-högen (om man nu kan räkna iPad som en hög) är Read This Before Our Next Meeting. Men hur många böcker jag än läser är det jag själv som måste se till att förändras och det är inte helt lätt.

Jag ser till att fira varje litet framsteg!

∞

Dagens viktigaste uppgift

Jag har märkt att mina dagar blir bättre om det första jag gör är något som är viktigt för mig. Jag väljer ut en eller ett par saker på min att göra-lista som jag vill få klart idag – och gör dem. Innan jag gör något annat!

Det kan vara stort eller smått, roligt eller mindre roligt, arbetsrelaterat eller privat. Huvudsaken är att jag känner att jag utfört något när jag är klar.

  • gör en förstudie åt en kund som resulterar i en offert
  • gå ut och samla tankarna med en promenad
  • diska upp jättedisken från gårdagens fest

Ibland misslyckas jag och fastnar på Twitter eller i inkorgen på morgonen. Men att läsa och svara på e-post eller kvitter är oftast inte nödvändigt, det är en osyssla. Att börja dagen med e-post kan förstöra produktiviteten en hel förmiddag. Startar jag i stället med något viktigt, och får det gjort, ger det en kick och sannolikheten är stor att jag fortsätter göra andra bra och viktiga saker.

Jag råder dig att testa detta i morgon: välj ut något som är viktigt för dig och gör den uppgiften det första du gör på morgonen. Leo Babauta, på zenhabits, kallar det för Most Important Task.

∞

Sex iPadappar för webbnördar

iPaden är inte bara en grym webbsurf-sociala-medier-spel-maskin. Det går faktiskt att få en del arbete gjort också! Här är ett urval av de appar jag använder:

  • Textastic, Koder: textredigerare med syntax highlightning, koppling mot Dropbox och SFTP med mera. Fungerar bra för kortare sessioner, de flesta kalenderinlägg på bloggen är skrivna i Textastic. Koppla med fördel ett tangentbord till iPaden så blir du riktigt snabb.
  • Prompt: när du behöver kolla hur servern mår, patcha, eller deploya sker det ofta över SSH. Det finns flera SSH-klienter till iPad - Prompt är en av de vassaste.
  • Ego: för att stilla din sifferhunger.
  • Dropbox: helt klart det bästa “filsystemet” för iOS, många appar integrerar med Dropbox.

Vilka är dina favoritappar?

∞

Förkovra dig i responsiv design

Det snackas mycket om responsiv design nu för tiden. I stället för att leverera flera olika versioner av en webbplats, beroende på om besökaren surfar från en dator eller mobil, handlar responsiv design om en webb. En webb som anpassar sig efter skärmstorlek och andra förutsättningar.

Om du får långtråkigt i julhelgen, passa på att förkovra dig i ämnet! Bra att börja med:

∞

Webbramverk på micronivå

Om du bygger mindre webbappar eller prototyper ska du helt klart kika på de microramverk som finns. Ett microwebbramverk ger dig precis det du behöver för att snabbt komma igång och bygga små till medelstora webbapplikationer. De hjälper dig med sessionshanteringen, att koppla URL:er till logik, templaterendering och annat skitgöra så att du kan koncentrera dig på att bygga en grym applikation.

Tänk dig en mycket enkel webbapplikation som visar besökarens IP-adress, det går tretton sådanna på dussinet. I Sinatra, ett microramverk för Ruby, kan det se ut så här:

1
2
3
4
5

require 'sinatra'

get '/' do
  "Din IP-adress: #{request.ip}"
end

Kan det bli mycket sexigare? Om du är nyfiken så tycker jag att du ska kika mer på Sinatra för Ruby, Slim för PHP, Spark för Java eller Flask för Python.

∞

Inspiration

Jag är utvecklare först och främst men likt förbannat behöver jag värka fram designelement då och då. Ibland står huvudet still och jag har ingen aning om hur jag ska utforma den där knappen, inloggnings-rutan eller vad det nu kan tänkas vara. Det finns många sätt att hämta inspiration: man kan gå utanför dörren, bläddra i tidningar eller sova på saken. Ett av de bästa knepen är att lämna datorn.

Ibland behöver vi dock se vad andra har gjort och hur de har löst liknande problem. Jag har några favoritwebblatser som jag kan surfa på länge:

Hur startar du om hjärnan när inspirationen tryter?

∞

Snabbare webbsidor ger gladare besökare

I och med att bredband blivit allt vanligare har vi webbutvecklare och webbdesigners slappnat av lite när det gäller att tänka på optimering av webbplatsers laddtider. Alla har ju ändå en snabb, fast lina - eller? En webbsida med resurser på ett par megabyte är inte ovanligt idag.

Men långt ifrån alla har bredband och mobila, uppkopplade, enheter blir fler och fler. Det är dags att återigen börja tänka på filstorlek och att hålla nere antalet förfrågningar till webbservern.

Det finns många enkla åtgärdet som tar dig en bra bit på vägen: se till att dra nytta av webbläsarens cache, slå ihop och komprimera stilmallar och Javascript och använd CSS Sprites.

Jag har samlat ett par artiklar och ett gäng verktyg som ger dig snabbare webbsidor och gladare besökare:

∞

Utveckla iPhone- och Android-appar med de kunskaper du redan har

PhoneGap låter dig utveckla plattformsoberoende mobilappar, redo att lanseras i App Store eller på Android market, med webbtekniker som du redan kan. Dessutom exponeras API:er för till exempel kamera, bildgalleri och ljuduppspelning. Allt detta kommer du åt genom att skriva vanlig HTML, CSS och JavaScript.

Det låter för bra för att vara sant, finns det någon hake? Det finns ett par grejer du ska vara medveten om när du väljer att använda PhoneGap eller liknande verktyg.

  • JavaScript-koden du skriver tolkas under körning och kommer aldrig bli lika snabb som kompilerad Objective-C eller Java. Så länge du inte skriver jättekrävande appar, som 3D-spel, kommer dina användare förmodligen inte märka någon skillnad.
  • Gränssnittet får du bygga själv med stilmallar, det går inte använda de nativekontroller som finns för respektive plattform. Det finns dock alternativ om du fortsätter läsa…

Fortfarande intresserad? Här kommer du igång:

Nu återstår bara den svåra biten: att göra en användbar app som du kan ta betalt för. ;)

∞

Fem tips som underlättar livet med Internet Explorer

Du som producerar HTML och CSS till vardags har med största sannolikhet öppnat en webbplats i både en, två eller fyra versioner av Internet Explorer - bara för att upptäcka att en detalj inte ser likadan ut som i alla andra webbläsare.

Denna best som vi älskar att hata. Så många timmar vi lagt på att, svärandes, slita vårt hår över någon liten olikhet.

Även om det går mot ljusare tider, till och med Microsoft vill ta livet av IE 6, känns det som att det kommer dröja innan äldre versioner av webbläsaren är ett minne blott. Och eftersom vi ändå kommer få dras med aset ett tag till kan vi lika gärna göra det bästa av situationen. Här följer några tips som gör livet med Internet Explorer lite lättare:

  • ievms: tar automatiskt hem och installerar virtuella maskiner med Windows och IE på. Smidigt för dig som sitter i OS X eller GNU/Linux.
  • BrowserStack: kör IE i molnet med debuggverktyg.
  • IETester: installera och byt lätt mellan flera versioner av IE.
  • QuirksMode: mycket bra om webbläsarkompabilitet, inte bara för IE. Svarar på frågor som “vilka webbläsare stödjer :first-child selectorn?”.

Vilka är dina bästa tips för att göra livet med Internet Explorer drägligare?

∞

LiveReload – aldrig mer F5

Som webbutvecklare har du säkert suttit och tryck på F5 eller cmd + R i webbläsaren för att se resultatet av en CSS-justering. Förmodligen har du gjort det mer än en gång. Meningslös repetition är av ondo men det finns en lösning: LiveReload!

LiveReload övervakar filerna i ett projekt åt dig och uppdaterar webbläsaren när du ändrar i dem - automagiskt. Jag har spelat in en kort screencast där du kan se hur det fungerar, varje gång jag sparar ritas sidan om i bakgrunden. Du kan själv påverka vilka filer verktyget ska bevaka och det är även möjligt att kompilera CoffeeScript, SASS och annat smått och gott.

Säg hej då till det frenetiska uppdaterandet och ladda hem LiveReload.

∞

Karusell med bildtext i SiteVision

En fortsättning på föregående avsnitt. Här bygger jag ut funktionaliteten så att en redaktör lätt kan lägga till en bildtext för bilderna i karusellen.

Sitter du i SiteVision 2.6.2_04 eller senare?

Om du läser det här i framtiden och sitter i SiteVision 2.6.2_04 eller senare är det nu ännu enklare att få bildtext till karusellen. Som Magnus skriver i kommentarerna finns det nu en metod på ImageRenderer så att den skriver ut title-attributet. Rulla ner och läs kommentaren och ta en titt på den uppdaterade källkoden. Tack Magnus!

Länkar

∞

Karusell med intelligenta mallar i SiteVision

Gör dina redaktörer glada med intelligenta mallar. Lär dig hur du gör grymma karuseller (bildspel) med hjälp av fria JavaScript-bibliotek och metadata i SiteVision.

Erratum

Det har smugit sig in ett litet fel i detta avsnitt. I Velocity-mallen kollar jag om det finns en mapp vald och visar karusellen. Dock så hamnade diven och JavaScriptet utanför denna if-sats. Jag har uppdaterat filen så du kan se hur det ska vara. Om du gillar att läsa trasig kod kan du göra det också. :-)

Länkar

∞

Slumpa fram artiklar i SiteVision

Lär dig hur du med hjälp av Skriptmodulen i SiteVision slumpar fram artiklar ur ett arkiv.

Länkar

∞

||=-operatorn i Ruby

I Ruby, liksom de flesta andra programmeringsspråk, finns det något som kallas abbreviated assignment (förkortad tilldelning). Det är operatorer som += och -= som låter oss lägga till respektive dra ifrån värdet på en redan existerande variabel.

Om man är ny i Ruby-världen finns det risk för förvirring när man stöter på ||= i andras källkod. Vad gör den och vad är den bra till? Jag tänkte förklara med ett exempel.

1
2
3
4
5
6

puts @count
#=> nil

@count ||= 0
puts @count
#=> 0

Okej, vad händer här egentligen? Vi börjar med en instansvariabel @count som är odefinierad (nil). Sedan använder vi ||=-operatorn och @count är nu 0. Har vi bara gjort en vanlig tilldelning?

1
2
3

@count ||= 32
puts @count
#=> 0

Det verkar inte så, efter en ny tilldelning är @count fortfarande 0. ||= är egentligen bara en förkortning och kan skrivas om:

1

@count = @count || 32

||-operatorn i Ruby fungerar så här: först undersöks operanden till vänster. Om den har ett värde som inte är nil eller false så returneras det värdet. Annars returneras värdet på operanden till höger.

Så om vi ska översätta den senaste raden kod till “ren svenska”: sätt variabeln @count till 32 om @count inte redan har något värde.

När har jag användning för detta?

Säg till exempel att du har har en metod i en webbapplikation som hämtar den inloggade användaren från databasen. För att undvika onödiga anrop till databasen väljer du att spara undan användaren i en instansvariabel. Koden för detta ser ut så här:

1
2
3
4

def current_user
  return @current_user unless @current_user.nil?
  @current_user = User.find(session[:user_id])
end

Det här är ett perfekt användningsområde för ||=-operatorn. Du kan spara en hel rad genom att i stället skriva så här:

1
2
3

def current_user
  @current_user ||= User.find(session[:user_id])
end

Uppdaterat 2011-11-24: Tack till Linh som fick mig att uppdatera med ett bättre exempel.

∞

Tillbaka till skrivbordsapplikationer

Idag använder jag webben på ett helt annat sätt än för 10 år sedan. De flesta av de applikationer jag använder har flyttat ut på Internet. E-post, kalender och att göra-listor är några exempel. Det finns dock några nackdelar med att köra dessa i webbläsaren. De tar upp plats med flera tabbar och man kan inte nyttja OS X Exposé-funktion för att få en översikt. Jag saknar också att ha en Dock-ikon med med statusinformation, som till exempel antalet olästa e-brev.

Platsspecifika webbläsare kallas lösningen på problemet och till Macen har vi Mozillas Prism och Todd Ditchendorfs Fluid att välja på. Dessa program hjälper dig att skapa en skrivbordsapplikation av valfri webbsida. Fluid och Prism är ganska likvärdiga i funktionalitet men bygger på olika renderingsmotorer - WebKit respektive Gecko.

Efter installationen går man till väga på mer eller mindre samma sätt för att skapa sina applikationer:

  • Skriv in en URL
  • Välj vart applikationen ska hamna
  • Välj en ikon

Nu är det bara att dra programmet till Dockan och använda det som vilken annan skrivbordsapplikation som helst. Du kan till exempel få det att starta när du loggar in genom att dra det till Startobjekt under Systeminställningar > Konton eller dra nytta av Spaces-funktionen i Snow Leopard.

Om man googlar lite är det inte svårt att hitta läckra ikoner till sitt favoritprogram.

∞

Hur du blir snabbare i Terminal.app (Bash)

Jag spenderar mycket tid i Bash som råkar vara den kommandotolk som är förvald i Mac OS X:s Terminal.app. Det blir många kommandon på en dag och tyvärr är det mycket repetitivt arbete. Att skriva ett längre kommando mer än en gång känns dumt. Tab completion är en funktion som de flesta terminal-användare känner till; att Bash hjälper dig avsluta sökvägar eller kommandon när du trycker på tabb. Min favorit är history.

Om du bara kör programmet history presenteras en lång lista med dina senast körda kommandon. Ett lätt sätt att stega igenom dessa är med hjälp av pil upp och pil ner. När du hittar det kommando du vill köra är det bara att trycka retur. Om du behöver ändra i kommandot är det bra att känna till ctrl-a och ctrl-e som hoppar till början respektive slutet av raden.

Okej, inget nytt under solen än kanske? Men mindre känt är att det finns ett sökläge för historiken. Innan du börjar skriva något trycker du ctrl-r. Nu är det bara att börja söka på ett tidigare kommando, det räcker med ett fragment av det, och det du körde senast som matchar ditt sökord visas. Om du inte är nöjd trycker du ctrl-r igen för att visa nästa träff. När du hittat det du letade efter har du ett par valmöjligheter. Om du bara trycker retur körs kommandot direkt. ctrl-j eller Escape hämtar istället kommandot och låter dig redigera det innan det körs. Ångrar du dig är det bara att trycka ctrl-c för att komma tillbaks till prompten.

∞

Sidecar

Sidecar hör till den skara klassiska cocktails som inte föddes i Amerika. Den ska enligt David A. Embury ha skapats, av en vän till honom, under andra världskriget på en bar i Paris. Embury påstår också att cocktailen har fått sitt namn efter en stamkund som blev körd till baren i just en sidovagn.

Tyvärr lär vi aldrig få veta säkert hur det gick till. Hur som helst har pappan till Sidecar antingen inspirerats av eller varit helt ovetandes om en Brandy Crusta.

Denna cocktail hittar vi så långt tillbaka som 1862 i Jerry Thomas The Bar-Tender’s Guide. En Brandy Crusta skakas ihop med sockerlag, Bokers bitter, brandy, Curaçao och citronjuice. Thomas beskriver också hur serveringen ska gå till: i ett cocktailglas med sockerkant och citronskal i. Inte helt olikt den drink du får när du beställer en Sidecar idag.

Foto: Sanna Lund

Recept

Att en Sidecar ska innehålla konjak, citronjuice och Cointreau kan nog de flesta hålla med om men när det kommer till proportionerna är det inte lika klart. Men faktiskt så är det så att det recept som är rätt är det som passar ditt val av konjak och din smak allra bäst. Därför presenterar jag här några varianter och rekommenderar dig att prova dig fram tills du hittar din favorit.

Gary Regan från The Joy of Mixology

  • 4 1/2 cl konjak
  • 3 cl Cointreau
  • 1 1/2 cl citronjuice
  • citrontwist, för garnering

Skaka och sila upp i ett kylt cocktailglas med sockerkant. Lägg till garneringen.

Dale Degroff från The Essential Cocktail

  • 4 cl konjak
  • 2 cl citronjuice
  • 2 cl Cointreau
  • socker
  • apelsin

Förbered ett cocktailglas genom att doppa det i först apelsinjuice och sen socker, för att få en fin kant. Blanda sedan konjak, citronjuice och Cointreau i en shaker, fyll på med is och skaka väl. Sila upp i cocktailglaset och garnera med en bit apelsinskal.

Harry McElhone från Största cocktailboken

  • 3 cl konjak
  • 3 cl Cointreau
  • 3 cl citronjuice

Skakas med is och silas i cocktailglas. Kan serveras med en bit citronskal om så önskas.

David A. Embury från The Fine Art of Mixing Drinks

  • 4 cl konjak
  • 1 cl citronjuice
  • 1/2 cl Cointreau

Skaka ordentligt med mycket is och sila upp i ett kylt cocktailglas. Kan dekoreras med en citrontwist om så önskas.