De developers toolbox, dit is ons gereedschap
Onze developers gebruiken heel wat interessante tools om hun workflow te optimaliseren. Sommige ervan zul je vast wel kennen, andere heb je misschien nog nooit gezien. In deze blogpost laten we de developers aan het woord, over de tools die zij gebruiken om door de code de website nog te zien. Wie weet vind je in deze blogpost wel een tool waarmee jouw coding experience een stuk aangenamer wordt.

In ons team heeft vrijwel iedere developer wel zijn specialiteit en gebruikt ieder afzonderlijk enkele tools om die specialiteit te benutten. Deze tools kunnen een enorme hulp bieden om het schrijven van duizenden regels code vlotter te laten verlopen. Een kort overzicht van de software van onze developers:
Chris Ramakers:
-
TextMate
Mijn texteditor bij voorkeur, biedt een heleboel mogelijkheden dankzij de bundles en is zeer makkelijk uit te breiden. Daarnaast biedt TextMate ook nog de mogelijkheid om met projecten te werken. Enige minpuntje is het totale gebrek aan FTP support maar dankzij Transmit is dat probleem te verwaarlozen. -
Transmit
Hands down de beste FTP client. Met de introductie van "Mountable disks" heeft Panic een extra feature toegevoegd die naar mijn mening de waarde van Transmit gigantisch vergroot. Met 1 klik eender welke (S)FTP site in je Transmit favorieten mounten als disk in Finder, dat is pure magie en geniaal. -
Google Chrome en Firefox
Natuurlijk heb je als webdeveloper een browser nodig. Mijn voorkeur gaat sinds een jaar ongeveer uit naar Chrome. Chrome met de Web inspector heeft wat mij betreft de kroon van Firefox overgenomen als developer tool bij uitstek. Chrome is sneller, completer en stabieler dan Firefox. Ook met de release van Firefox 4 ben ik een beetje terleurgesteld in de snelheid van de browser dus blijf ik bij Chrome. -
Charles
Voor wie veel bezig is met Ajax en front-end ontwikkeling is Charles een onmisbare tool. Charles stelt me in staan om het http verkeer in detail op te volgen en eventueel bepaalde POST requests vanuit Charles tot in het oneindige te herhalen tot eindelijk die ene kleine bug verdwenen is. Ook de response formatting van JSON, XML en HTML is zeer handig! Charles biedt een aantal dingen bovenop Firebug/DeveloperTools die zeker meer dan de moeite zijn. -
Terminal
Git, SSH, bash scripts, ... ik gebruik Terminal elke dag meer en meer. En telkens vind ik iets wat je in Terminal veel sneller kan dan met bestaande tools. Snel een script schrijven dat onbestaande translations uit ons framework vist? Met een bash script is dit in enkele regels te doen. Git gebruiken? Geef mij maar commandline.
Stijn Janssen:
-
TextMate
Een enorm uitgebreide teksteditor die zowat alles aankan. De geavanceerde functies zijn niet altijd even simpel maar eens je ermee weg bent zijn ze onmisbaar! -
Terminal
Onmisbaar voor een developer. Met Terminal kan je allerhande taken snel uitvoeren, van het uitvoeren van git commando's tot het beheren van een server via een SSH-connectie. -
Chrome
Meer bepaald de browser. Je beste vriend of grootste vijand. -
Virtualbox
Testen moet je altijd doen. Als Mac-gebruiker moet je ook testen op Internet Explorer. Met Virtualbox hebben we onze eigen test-pc waarin we alle Windows-versies van de browsers kunnen testen.
Bart Geraerts
-
Aptana Studio Professional
Zoals sommige designers verknocht zijn aan Photoshop, zweer ik bij Aptana als IDE. Ik gebruik dit nu al enkele jaren en heb mijn weg hierin gevonden. Uiteraard is Aptana niet op alle vlak een uitblinker, zo mis ik bijvoorbeeld het makkelijk overschakelen naar SSH, iets wat ik bij Mac gebruikers vaak zie. -
PuTTY
Voor SSH toegang tot de server gebruik ik de PuTTY client. Zo kan ik via command line servers aanspreken. -
FileZilla
Ik gebruik de FileZilla FTP client om makkelijk bestanden te kunnen up- of downloaden. -
Adobe Photoshop CS3
Als slicer maak ik ook gebruik van Photoshop om de designs om te zetten naar HTML. Ook kleine grafische aanpassingen doe ik hiermee. -
PHP.net, StackOverflow en dergelijken
Wanneer er zich problemen voordoen loont het altijd de moeite om zelf eerst op zoek te gaan naar oplossingen. De documentatie van PHP en websites zoals StackOverflow bieden vaak een uitweg.
Dirk Bonhomme
-
Coda
De editor die alles aankan: PHP, Javascript, Smarty, CSS, HTML, ... met fijne integratie van SVN en (S)FTP. Coda is hier de hele dag actief en is dus na mijn browser de belangrijkste tool. -
Smultron / Fraise
Simpele editor voor snelle aanpassingen of om even notities in te nemen. -
Transmit
De über FTP client zoals eerder besproken -
Lipsum.org
Simpele site die ik dagelijks gebruik om Lorem ipsum fragmenten van te kopiëren. Stiekem kopieer ik altijd de omschrijvende tekst op de homepage en niet de lorem ipsum. -
Firefox / Firebug / Developers toolbar
Ondanks de opkomst van developer tools voor Chrome en Opera is dit toch nog steeds mijn favoriete debug omgeving. Front-end developen zonder is gewoon onmogelijk. -
Dashboard plaknotities
Op mijn dashboard zijn altijd enkele plaknotities actief. Soms voor reminders, soms voor tijdelijke notities tijdens het werken. Save a tree!
Kim Ausloos
-
Terminal
scp, vim, ssh, wget, screen, ... allemaal zeer goede redenen om deze tool nooit af te sluiten! Zeker in combinatie met macports (http://www.macports.org/) om extra CLI utils onder OSX te installeren. Ook handig is de Visor plugin waarmee je een hotkey kunt toewijzen om je Terminal venster te laten verschijnen, Quake console style: http://visor.binaryage.com/ -
Adium
Als je snel iets moet vragen aan een collega developer, designer of PM is deze IM tool onmisbaar. Hij kan zowat elk protocol aan en is uitgebreid in te stellen. Enkel voor Mac: http://adium.im/ -
Een deftige browser
Persoonlijk gebruik ik regelmatig een andere browser om mee te werken, Firefox 4, Safari of Chrome. Aangezien deze allemaal prima developer tools hebben is eens veranderen af en toe geen probleem. -
Dropbox
Als deze tool nog uitleg nodig heeft moet je dringend eens wat bijlezen. -
Grooveshark
De meeste developers hebben graag wat muziek tijdens het ontwikkelen, al is het maar om het rumoer van een doorsnee kantoor te dempen. Dankzij grooveshark is er nooit een gebrek aan muziek en je kan er zowat elk genre op terugvinden./ -
LAMP stack
Hoewel dit niet de doorsnee tool is die webdevelopers opnoemen is deze toch onmisbaar. Uiteraard bestaan er alternatieven voor elk onderdeel uit deze stack, toch is bij ons de meest gebruikte de doorsnee LAMP stack
Tom Claus
-
Chrome
Websites maken zonder een goede en snelle browser is haast onmogelijk. Chrome is hierin je beste vriend en met behulp van zijn inspector die voorzien is van cod completion, is sites live aanpassen kinderspel. De Pendule plugin voorziet je Chrome nog van die extra's die voor een webdeveloper onmisbaar zijn. -
MAMP
Lokaal enkele websites in een test omgeving draaien is kinderspel met MAMP. MAMP is een Apache server, voorzien van MySQL, PHP 5.2 en PHP5.3 voor Mac OSX. In de Pro versie heb je ook de mogelijkheid om vhosts op een zeer gemakkelijke manier aan te maken en te beheren. Dit alles in een zeer gebruiksvriendelijke interface. -
Transmit
Gewoonweg de beste FTP-client voor Mac OSX! Mappen syncen, bestanden en mappen excluden en gewoonweg razendsnel uploaden. -
Forrst.com
Een beetje de Dribbble voor developers. Je vind hier tal van code snippets terug en ook handige links naar interessante blogartikels. -
StackOverflow.com
Bij eender welk probleem dat gerelateerd is met PHP, MySQL of server instellingen dat je googelt zal je gegarandeerd een StackOverflow link tegenkomen. Dit is gewoon de place2be voor al je codeerproblemen. Het staat je ook steeds vrij hier andere mensen te helpen.
Dieter Verjans
-
Adobe Creative Suite 5
Als allround-developer maak ik dagelijks gebruik van programma's zoals Photoshop en Flash. In het begin maakte ik gebruik van Dreamweaver om te programmeren, nu in mindere mate. -
Coda
Nog niet zo lang geleden ben ik overgeschakeld naar Mac en testte ik Coda op aanraden van collega's. Nu is Coda mijn hoofd editor waar ik mij dagelijks mee bezig houd. -
Chrome
Steekt met hoofd en schouder uit bij mij wat betreft de browser voor ontwikkelaars, geen extra plugins nodig, alles wat ik nodig heb zit ingebakken in Chrome. -
Virtualbox
Omdat alle projecten binnen Inventis crossbrowser opgeleverd worden kan Virtualbox zeker niet ontbreken. We hebben wel een Windows test PC, maar deze is niet handig om bugs op te lossen. Met Virtualbox kun je op je Mac Windows draaien om je projecten te testen.
Wim Hendrikx
-
Netbeans
IDE die vlot werkt op Mac met auto-upload naar FTP bij opslaan. -
Coda
Slimme teksteditor om snel aanpassingen te doen op een remote server. -
Firefox (Firebug & Webdeveloper toolbar)
Naar mijn mening nog steeds de handigste toolset om te slicen. -
Virtualbox
Cross-browser testing in windows. -
Versions & Gity
Voor versiebeheer gebruik ik Versions voor SVN en Gity voor Git alhoewel de Terminal ook wel eens van pas kan komen. -
Gmail webmail + Notify
Zie niet in waarom ik een desktop applicatie zou moeten hebben om mijn mails te beheren, de webmail van Gmail doet precies wat het moet doen en doet het ook nog eens snel. Zijn sterktes: labels; supersnel zoeken (ook in Google Talk gesprekken); conversaties; verzonden mail annuleren (Labs functie).
Notify laat mij weten wanneer een mailtje binnen komt en kan dit met meerdere accounts tegelijk. Van nieuwe mails kan ik direct een preview bekijken, verwijderen, markeren als gelezen, archiveren of openen in Gmail. -
Adobe Photoshop CS5
Ik kan me niet voorstellen om te slicen zonder Photoshop. Zorg er wel voor dat je kleurenprofielen correct staan ingesteld!
Heb je zelf nog een leuke aanvulling op deze lijst? Aarzel dan niet om te reageren.
6 Reacties op deze blogpost:
@Dirk Bonhomme
firefox heeft een lipsum add on zodat je niet telkens naar de site moet gaan om tekst te copy/pasten
https://addons.mozilla.org/en-US/firefox/addon/dummy-lipsum/
Toch verbaasd dat er niemand PHPStorm gebruikt. Deze IDE is toch tig malen beter dan Aptana en Netbeans, tesamen.
@Timmy
Ik heb de voorbije maand de trial van PHPStorm geprobeerd en moet inderdaad zeggen dat deze IDE met voorsprong de beste is die we tot nutoe gebruikt hebben. Alleen is het niet simpel om investeringen in andere IDE's (zoals Zend Studio) even in de prullenbak te smijten om over te schakelen naar PHPStorm.
Daarbij komt dat over het algemeen iedereen hier liever met een lightweight editor werkt dan met een IDE. In sommige gevallen is een IDE een must, maar in de meest van onze projecten is de overkill aan features van een IDE net dat wat je van je werk houdt.
Ik verkies nog altijd textmate boven PHPStorm of Zend Studio.
Voor de Mac developers die Lipsum.org gebruiken. Check LittleIpsum in de App Store. Gratis en ontzettend handig!
Toch raar dat sommige zeer goede programma's slechts voor 1 systeem worden gemaakt. Transmit en Coda had ik graag eens uitgeprobeerd maar met een Windows systeem wordt dat moeilijk.
Het vinden van de 'beste' IDE is ook haast onmogelijk, je mist altijd wel ergens een handige functie die ergens anders bestaat.
Even die VirtualBox bekijken, tnx
tip: als je "lorem" + TAB in Textmate type, heb je direct je stukje dummy tekst
- git client Tower
- Skitch voor het maken screenshots en aantekeningen?
grtz