The best way I've found to do this is to use the build in set of Flag fields, Flag1 up to Flag20. If you have more than 20 resources to color code, this method won't work for you. Note: I'm using Microsoft Project Standard 2013.
We'll start by color coding the 'iOS' resources. Your resource names are assumed to be: iOS, Rails, Design, and QA.
In your Gantt chart view:
- Add the Flag1 column to your chart. Click the Add New Column button, then type Flag1 and press enter.
- Right click on the Flag1 column header, and choose Custom Fields.
- Click the Flag1 field, and click the Rename button. Name it iOS.
- With the newly renamed iOS field selected, click the Formula button under custom attributes.
- Type in this formula:
IIf([Resource Names]="iOS",Yes,No)
- Click OK. You should now have a column that says Yes whenever an iOS resource is assigned, and No otherwise.
Now to turn that flag into a color bar.
- In your Gantt chart view, right click in an open area and choose Bar Styles
- Click on the Task bar, then the Cut Row button, and the Paste Row button twice. You should now have two bars titled Task.
- Rename one bar to 'iOS Task'.
- For the iOS Task, in the Show for ... Tasks column, edit that text to add the text
,Flag1
to the mix. The result for me wasNormal,Active,Not Manually Scheduled,Flag1
- Now click iOS Task, and you can change it's color, text, etc. to suite your style.
Repeat these steps for the other resources.