Coda, de tool voor webontwikkelaars

Het MAC OS X platform wordt steeds beter bereikbaar voor iedereen. Het werd al door allerlei werkgroepen gebruikt maar het wordt nu ook steeds meer gebruikt door webontwikkelaars. Er zijn een aantal tools voor deze groep die het ontwikkelen op een Apple erg aangenaam maken. Deze week hebben wij Panic’s Coda aangeschaft om eens helemaal door te lichten. Er is ook een demo beschikbaar.

Wat is coda?
Coda is een programma die al het nodige voor een programmeur huisvest. Eerder programmeerde je wellicht in dat ene programma, plaatste je bestanden op een ftp met dat andere programma en startte je Safari om het geheel eens te controleren. Coda biedt dit alles in één venster. Het is een programmeer omgeving, een ftp-browser, een preview eenheid en naslag werk in één. Het biedt ook een tool voor het creëren van CSS bestanden en heeft een ingebouwde terminal. Daarnaast bevat het ook een reeks e-books.

Wat is coda niet?
Coda is geen WYSIWYG editor. Het is dus niet te vergelijken met bijvoorbeeld Adobe’s Dreamweaver of Apple’s iWeb. Het is dus echt een tool voor de programmeur, die zelf zijn code schrijft en opzoek is naar een betere workflow. Ben je wel naar zoiets opzoek? Dan kan je beter een kijkje nemen bij de makers van RapidWeaver.

Eerste indruk
Eigenlijk begint de eerste indruk al bij de website van de jongens van Panic. Als je de website ziet merk je dat de jongens ook echte Apple liefhebbers zijn. De website ziet er goed verzorgd uit, duidelijk en ook een beetje speels. Alle informatie die je wilt hebben over het pakket is er duidelijk te vinden, samen met schermafbeeldingen en duidelijke instructies.

Na het installeren van het pakket en het opstarten er van kom je standaard in het “Sites” tabblad. Sites is een overzichtelijke manier van het weergeven van al jouw opgeslagen FTP-connecties. Inclusief naam en schermafbeelding van de website waar het naar toe verwijst. De schermafbeeldingen worden automatisch gemaakt en zijn door middel van slepen te sorteren, of standaard laten sorteren op naam of laatst gebruikt.

De FTP browser
De FTP browser is duidelijk. Het biedt een duidelijke mappenstructuur aan, met verschillende iconen voor verschillende bestanden. Het beidt eenvoudige menu opties om mappen of bestanden te downloaden naar een lokaal geselecteerde map en visa versa. Verder biedt het de opties die je verwacht van een normale browser, zoals het aanpassen van bestandsrechten en het bewerken in een ander programma.

De browser is vooral snel. Het bouwt een cache op van onderdelen die je al bezocht hebt. Zo kun je snel heen en weer switchen tussen mappen op de FTP server, zonder dat je echt vertraging hebt. Het heeft ook zo zijn nadeel, dat je af en toe handmatig moet vernieuwen (hier is een optie voor) zodat de lijst opnieuw opgebouwd wordt.

Het is ook in te stellen dat het programma de laatst gebruikte mappen (zowel lokaal als extern) tracht te openen als je de site opent. Dit is handig wanneer je bijvoorbeeld zowel lokaal als extern een kopie van dezelfde site hebt voor ontwikkeling. Zo opent hij de correcte mappen wanneer ze eenmaal zijn geselecteerd.

De Editor
Het allerbelangrijkste van het hele programma is waarschijnlijk de editor. Hier wordt tenslotte alle code weergegeven en bewerkt. En daar helpt Coda een handje bij. Ten eerste herkent Coda welke taal er op het scherm staat, en past daar correcte kleuren codering op aan, zodat het geheel overzichtelijk wordt. Mocht Coda dat niet doen, of niet correct dan kan je middels een optie altijd switchen tussen de verschillende kleurweergave voor talen.

De Editor is ook slim, het geeft suggesties terwijl men typt, en met een enter toetst kunnen deze suggesties toegevoegd worden aan het document. Zo biedt het onder andere suggesties aan voor CSS codes en PHP functies. Binnen no-time heb je een CSS bestand opgebouwd als je snel gebruikt weet te maken van de suggestie functie.

Ook heeft de editor “Knipsels”, bij programmeurs beter bekend als snippets. Dit zijn kleine stukjes code die men op kan slaan als men die bijvoorbeeld vaak gebruikt. Als een knipsel eenmaal opgeslagen is kan deze snel ingevoegd worden, bijvoorbeeld een standaard voor een HTML document, of een functie die je zelf geschreven hebt.

Makkelijk werken met CSS
Coda heeft ook een mooi stukje software geïntegreerd voor CSS bestanden. De software leest de CSS uit in het geselecteerde bestand en biedt een overzichtelijk formulier waar alle attributen eenvoudig aangepast kunnen worden, zoals kleuren met een kleuren pallet, fonts, afmetingen en nog veel meer opties. Al dit alles is goed grafisch vormgegeven, en het overzicht van alle CSS attributen laat ook gelijk de opmaak van dat element zien, praktisch!

En nog veel meer…
Eigenlijk is het pakket veel te uitgebreid om allemaal hier te behandelen. Het heeft naast de bovestaande functies ook nog uitgebreide ondersteuning voor SVN en het samenwerken met bestanden, een handige preview modes en controles voor bijvoorbeeld HTML bestanden. Er is een demo te downloaden op Panic.com zodat je alles rustig zelf na kan kijken. Het pakket is niet goedkoop en kost $99.00 dollar, maar is zijn geld zeker waard!