Software - Jubair Saidi's Blog

By: Jubair Saidi  09-12-2011
Keywords: Php

Finding the best tools for development can be tricky.  There is so much out there, and gets more difficult when you need an IDE that can work with all the languages you use.  Ideally you would like to have 1 tool that does it all! (wouldn’t that be great?)  Unfortunately that’s not the reality we live in.

I have gone through many editors, and IDEs trying to find the right ones to use for my needs.  It took me some time but I think I found a solid combination.  I say I think because if history repeats, I will probably find a new tool to replace an older one 6 months – a year from now if that long.

For Initial site and XHTML I use Coda, for PHP-jQuery I use NetBeans, for CSS I use CSSEdit, and for mysql I use Navicat.

Now here’s why.

Anyone who has used Coda will tell you how awesome it is.  Though it is Mac Only (Sorry Windows users!).  The only reason I even use NetBeans on top of Coda is because Coda lacks the IDE features I like when coding in PHP and JavaScript. as far as having a tool that allows me to not only build the initial structure (file and XHTML) but also use it as an ftp program that allows me to open any of the editing programs for any of the files  (CSSEdit for CSS, NetBeans for JavaScript and PHP files, Photoshop for image files, etc).

It does so much more though.  It has a built in terminal allowing you to ssh into any site you have set up, it has a built in reference guide area were you can add and use reference guides from anywhere online directly in the editor, it has a preview tool that allows you to preview your sites, and probably one of the most useful tools for setting up wordpress themes especially, but really can be used for any commonly used site frame is the Clips feature.

Coda Clips allow you to save code clips to use later.  What i do is have code clips for my wordpress page layouts that already include all the most commonly used tags.  I do the same for my common website frames (one column, two column, sticky to the bottom footer, fixed width, dynamic width, etc).

So as you can imagine, initial setup of a site before adding it’s logic is very effective and quick in Coda.  once I am done with the file structure, XHTML structure, and CSS, I switch over to NetBeans for the functional programing.  Though for most of my simple wordpress themes (that don’t have extensive custom functions) all I need is Coda for the entire build.

For a long time I used Komodo Edit,  great tool, not very stable.  crashed on me A LOT and on many occasions it would be unusably slow. not to mention the ftp functionality for it is not very solid either.  I then went to Coda.  I will always have love for Coda, it’s an absolutely awesome tool, unfortunately it doesn’t have the PHP IDE features that I need for the large majority of my development work (I do hope they change that). by the way, I tried Eclipse, hated it.  So then finally I found NetBeans.  NetBeans does everything I need from an IDE plus some.

Syntax highlighting, all the editors i have ever used have Syntax highlighting. it’s one of those things where an editor simply isn’t one without it (in my opinion anyway).

Code completion not just for the languages being used but also any libraries you are using with a project!! it will automatically read the library (in my case jQuery) and give you auto complete.  Now this is a feature that has been lacking in other editors and IDEs.

Code navigation, most IDEs have Code Navigation so this is nothing new really.  except where Coda only had limited code navigation for the current file being edited/viewed, NetBeans allows you to navigate code for your entire project.  handy when placing functionality in different files.

Syntax errors and warning highlighting is also something most IDEs have.  the nice thing about NetBeans though is that it does this for both html, and php.  Instead of just php.  not a big deal since I don’t really need it for html anymore, but noteworthy.

There are many other features packed in NetBeans but I decided to only cover the ones I use the most.

CSSEdit is one of those CSS editors that if you don’t use. you should.  OS X only though (sorry Windows users.).  CSSEdit gives you complete control over your stylesheets, as well as allows you to organize your styles in groups.  these groups appear as folders in your tag navigator, very cool because you can basically have categories (global tags, header tags, footer tags, etc) and sub categories as well all nicely organized.  very good for finding style sections that you need to work with!  now CSSEdit is not just an editor. it also allows you to essentially dissect the css of any website by using it’s preview mode.  Every wonder how something was done in css?  not a problem.  I have never been able to work with css faster.

To be honest I haven’t tried any other database management tool other than phpmyadmin, which is well. not that great. and you can’t really compare the two.  One of the tools I use often is the Data Transfer feature.  it allows you to transfer data from one database to another, great for transferring structures and data from test databases to production.  There is also a data import/export feature that allows you to work with a variety of different file types (csv, text, xml, excel, and DBase) which comes in handy.

Keywords: Php

Other products and services from Jubair Saidi


Uncategorized - Jubair Saidi's Blog

It gives me all the power of opening remote files with any of my editors and then saving them back to the server automatically that Coda gives me, as well as give me an effective method of synchronizing my local and remote files or transferring files from one server to another as simply as drag and drop.


Social Media - Jubair Saidi's Blog

Ok so I was trying to figure out how to add a Facebook like button to an IPB Board system, and it was not as easy as it should have been. Just add a bbcode tag in the bbcode administration page.Name the tag Facebook Like ButtonCreate a tag define the replacement as. We tell it to load the function when the page is done loading (to make sure that it finds the body tag no problem).


CSS/XHTML - Jubair Saidi's Blog

First write a function to include into the file (I usually use an external js function file so I can apply any of them anywhere needed..


Javascript - Jubair Saidi's Blog

Container: this is the css element for the element container that will be populated with the processed and returned result/data from the logic file. So you can basically access different parts of the manage_users parent action by assigning a sub action. Function processData(logicFile, container, action, id, form, onComplete). The ~ indicates that there is a sub action to this action. Var Options = new Array.