Nytt utvecklarverktyg för Mac
För knappt två veckor sedan släppte Panic, företaget bakom det populära FTP-programmet Transmit, en ny applikation för webbutvecklare kallad Coda. Programmets slogan — »one-window web development« — ger en fingervisning om vad det handlar om. Som webbutvecklare tvingas man oftast ha en handfull olika program igång när man jobbar — en textredigerare för att skriva kod, en eller flera webbläsare för att se sidan man jobbar med och ett FTP-program för att ladda upp filerna till en server. Coda ändrar på det genom att integrera alla dessa tre komponenter, och mer därtill, i ett och samma paket.
Coda består nämligen av en textredrigerare, ett FTP-program, en webbläsare, en CSS-editor, ett skal för Mac OS X:s terminal och ett referensbibliotek — allt integrerat i ett snyggt och användarvänligt gränssnitt, med en tydlig filvy, flikar och delbart arbetsfönster. Nedan följer en liten genomgång av programmets viktigaste funktioner.
Filhantering
Nedan: Codas »sites« är som bokmärken. När du klickar på en webbplats ansluts du till servern och de tabbar som var öppna vid ditt senaste arbetstillfälle återskapas.
Under menyläget »sites« organiseras dina filer och webbplatser. När du lägger till en ny webbplats ombeds du fylla i ett antal uppgifter, däribland användarnamn och lösenord för den server där du har webbplatsen och sökvägen till den mapp som webbplatsen finns i — både lokalt och på servern. När alla inställningar är gjorda skapas en ikon, föreställande en miniatyrversion av din webbplats, som du sedan klickar på när du vill jobba med den.
Att Codas filhantering är väl genomtänkt och fungerar bra är väl ingen överraskning med tanke på att det är just Panic som ligger bakom programmet. Filöverföringen sker med hjälp av en förbättrad version av kärnan från Transmit och allt sköts via sidospalten, där den aktuella mapp- och filstrukturen visas. Väljer man att redigera filerna direkt på servern så laddas ändringarna upp automatiskt, i samma stund som du sparar. Jobbar man lokalt på sin egen dator dyker en liten pil upp till höger om filen när du sparar en ändring — klicka på pilen och filen laddas upp till din server. Väntar man till dess flera filer har ändrats ges man möjligheten att ladda upp alla ändringar samtidigt, via en knapptryckning. Enkelt och smidigt.
Textredigering och förhandsvisning
Tack vare att Codas textredigerare är baserad på en licensierad version av den renderingsmotor som finns i SubEthaEdit har Panic gett sig själva en stabil grund att stå på. Som grädde på moset har man inkluderat saker som förbättrad autokomplettering, kodförslag, HTML-validering och annat smått och gott. På köpet har man också fått en av SubEthaEdits unika funktioner — möjligheten att låta flera användare redigera ett och samma dokument samtidigt, via nätverk.
Nedan: Från vänster till höger ser vi kodförslag, inbyggd validering och klippfunktionen som används för att klistra in färdig kodsnuttar.
Vissa brister finns dock. Till exempel hanterar inte Codas texteditor kodfärgning lika bra som TextMate, min favorit bland redigerare för OS X. Dess klippfunktion, som används för att föra in färdiga kodsnuttar i ett dokument, är heller inte lika kraftull. Å andra sidan är den betydligt mer lätthanterlig än TextMates, som mer eller mindre kräver att man behärskar regular expressions för att utnyttjas till fullo.
Med den inbyggda webbläsaren — som är baserad på Apples WebKit — kan man få en förhandsvisning av den webbplats man jobbar med. När du sparat en ändring i koden uppdateras förhandsvisningen automatiskt och du kan se resultatet. Redigerar man sina filer lokalt så är det hela ännu smidigare, då uppdateras förhandsvisningen kontinuerligt, i samma stund som man gör ändringar i koden. Förhandsvisningsläget erbjuder också en DOM-inpekterare som låter dig se webbplatsens struktur visuellt och en JavaScript-konsol.
Till höger: Den inbyggda DOM-inspekteraren kan användas för att enkelt visualisera kodstrukturen.
Övrigt
Codas resterande tre huvudfunktioner — den visuella CSS-editorn, terminalen och referensbiblioteket — är för mig personligen inte lika användbara.
Att redigera en CSS-fil med hjälp av knappar och dropdown-lister känns bara bakvänt och tidsödande om man kan CSS och är van att handkoda (har av den anledningen heller aldrig fastnat för CSSEdit, trots programmets underbart vackra gränssnitt). Lyckligtvis går det bra att handkoda sin CSS om man så vill, via textredigeringsläget.
Som designer och frontend-kodare har jag aldrig behövt göra några djupdykningar i Mac OS X:s Terminal under mitt webbutvecklande, så någon större nytta av att ha terminalen inbyggd i Coda lär jag heller inte ha. Just för tillfället i alla fall.
Referensbiblioteket är en god idé som gör att man snabbt och enkelt kan få svar på sina kodrelaterade funderingar. Tyvärr verkar de referensböcker (CSS, HTML, JavaScript och PHP) som finns inkluderade i version 1.0 vara tämligen gamla och i vissa fall rent förlegade (HTML-boken innehåller förskräckliga kodexempel, fyllda med märklig invalid kod). PHP-dokumentationen är dock densamma som den officiella och verkar vara helt okej. Panic har utlovat referensböcker för fler språk i kommande versioner, och förhoppningsvis kan man byta ut eller uppdatera de undermåliga böcker man nu använder för HTML och CSS.
Till höger: Codas välbyggda, men för många överflödiga, CSS-editor samt avdelningen för referensböcker.
Allt som allt är Coda ett imponerande paket, speciellt med tanke på att programmet är helt nytt och än så länge bara finns i version 1.0 1.0.1 (den första uppdateringen släpptes idag). Att kunna knacka kod, ladda upp filer och se förändringarna direkt, i en och samma applikation, är väldigt smidigt. Att gränssnittet dessutom är av absolut toppklass gör inte saken sämre. Jag har redan öppnat plånboken och ser med spänning fram emot framtida uppdateringar till Coda.
Lämna en kommentar
Du kan följa kommentarerna till inlägget via RSS. Radbrytningar och paragrafer skapas automatiskt. Viss HTML är tillåten:
<a href=""><em><strong>.