32 Coda Tips and Tricks 24

Application

Share
32 Coda Tips and Tricks

Hey

I have had a new love of Coda, I previously review it a couple of days ago, if you want to read it your can find it here. Anyway I have been collecting tips for over the last week or so about Coda. These tips and tricks are designed to help you work with Coda and get stuff done, as well as this some of the tips are designed to point out the obvious task to you, that aren’t quite as obvious. They are in no real order. If you have any more Coda tips and tricks please leave a comment.

1) Turn On Validation

One of the coolest little features of Coda is in-line html validation. This enables you to know exactly which line has errors, before you put it into a html validator. You can switch it on by pressing the small triangle in the bottom of the Coda window. You will then see lots of Coda bubbles when you click on anything that has errors.

2) Line Numbers

Although line number are in the bottom right of the editor window, turning one line numbers can make it easier to work with documents. Turn it on by pressing View > Show Line Numbers.

3) Option Click To Select A File

When you click a file it will open, although you can turn this off by going through preferences. An easier way is to Option click on a file.

4) Stop Uploading Of Files

If you find that you are uploading the wrong files, you can stop the upload (or download) by clicking on the small activity circle to display a cross.

5) Install WordPress Clips Collection

Probably the coolest feature of Coda is the clips. No need for copy and paste. Download and install the WordPress clips file from WpCandy. It features a lot of commonly used tags and commands in your WordPress theme.

6) General Clips

If you don’t want to install just WordPress Coda clips you can use a site like Coda Clips to find more general clips to use. Includes items such as CSS, PHP, Javascript.

7) Show File Path

To show the save path of a file Command + Click on the tab to show the exact save path.

8) Block Edit Lines

A quick method of adding the same text to multiple lines. Press Option and select the lines you want to edit. Then type away. The same letters/words will appear on the same lines. You can do this multiple times on different blocks.

9) Add a CakePHP Book

If you use CakePHP in Coda you can add a custom book. Go to the book tab click the plus in the bar at the bottom of the page. Set the following parameters.

BookTitle: CakePHP
BookURL: http://book.cakephp.org/
Use For Mode: PHP-HTML
Search URL:http://book.cakephp.org/search

You can also add a logo. The idea for this tip came from Douglas Jarquin.

10) Search Through Your Books From The Edit Pane

As long as you specified a URL and Use For Mode when you add a book you can Command and Double click on any word and it will search for it using the specified book. If you have more than one “Use For Mode” Set you can encounter problems. Unfortunatly you can’t do this for the default books, but there is a work around.

11) Add A PHP Searchable Book

One the same vein as number 9 add a new PHP book so you can search for it through your edit screen. Add the following variables for a new book.

Book Title: PHP Online
Book URL: http://php.net
Use For Mode:PHP-HTML
Search URL: http://us2.php.net/manual-lookup.php?pattern=*&lang=en

12) Add A HTML Searchable Book

Similar to the previous tip add the following for a searchable book.

Book Title: HTML Searchable
BookURL: http://reference.sitepoint.com/html
Use For Mode:HTML
Search URL: http://reference.sitepoint.com/search?q=*

13) Add A CSS Searchable Book

You should know the business by know.

Book Title: CSS Searchable
BookURL: http://reference.sitepoint.com/css
Use For Mode:CSS
Search URL: http://reference.sitepoint.com/search?q=*

14) Add A jQuery Book

Book Title: jQuery
BookURL: http://docs.jquery.com/
Use For Mode:Javascript
Search URL: http://docs.jquery.com/Special:Search?ns0=1&search=*&go=Go

15) Duplicate A Tab

You can duplicate a tab by right clicking on a tab and select duplicate. Any changes made in one tab will be reflected in another.

16) Split A Window Vertically (or horizontally)

Although you can change this in the preferences you can split a window horizontally or vertically by pressing a button in the top right corner of a window. If you press Option you can switch it from vertical to horizontal and vice versa.

17) Change Text Size

Press Command and then either the plus or minus key to increase or decrease the size of the text in the editor.

18) Cycle Through Modes

You can cycle through the modes (Sites, Edit, Preview, CSS etc) by pressing command and the numbers 1 through 6.

19) Turn On Hints

Although it is blatantly obvious at the bottom of the screen, turn on hints so you can get small snippets of code info to help you code better sites.

20) Change The Sites Image

If you want to change the image in the sites mode pane, right click on the image and select change image. You can also refresh the image if the image show is out of date.

21) Slow Down Eye Candy

If you want the eye candy of the sites image flipping over, press and hold Command + Option and double click on the sites image. Everything will be in slow motion.

22) Show .htaccess and invisible files

If you want to view hidden files such as .htaccess and similar. Go to View > Show Hidden files. This is very useful since you don’t need to use Terminal to edit these files.

23) Enable Apple Scripts Menu

You can enable the Apple Scripts menu in Coda by going into the preferences and selecting Show Scripts Menu. You can then place your Apple Scripts in ~/Library/Scripts/Applications/Coda.

24) Use SubEthaEdit Syntax Files

If you already use SubEthaEdit, you can use your syntax mode files be copying them to the Coda folder in your Application Support folder.

25) Highlight The Current Line

If you have a really big complicated document you can change the colour of the currently selected line by going into Preferences > Colours > Highlight Current Line.

26) Tidy HTML

Although Coda doesn’t have a HTML tidier you can install a Service menu called Tidy Service. This can tidy your html for you.

27) Revet HTML

Instead of hitting Command + Z a million times, if you press File > Revert To Saved, it will download the HTML file so you can start again.

28) Quickly Create A Virtual Host Site

If you have a lot of sites on one server set up with virtual hosts, duplicate the site by right clicking on it and select duplicate. You can then edit the root path. No need to set up the site from scratch.

29) Use the Coda Panic Sans Font

If you want to use the Panic Sans font in other applications. Navigate to the application. Right click on it and select Show Package Contents. Then go to Content > Resources. Double click on Panic Sans.dfont to install the font.

30) Open The File In Your Browser

If you want to open the file you are using in your own browser you can press Command + Option + B.

31) Enable Triggers

If you want a quick way to insert clips, go to the clip menu, click the small “i”. At the bottom of the window, type you text and press tab. Then press save. Every time you type the text and press tab, it will insert the clip.

32) View Coda Videos

If you are a new user to Coda you can view a couple of intro views on the Coda video site.

Conclusion

If you know of any more Coda tips. Please leave a comment below. There are hundreds more. They just need to be uncovered.


If you want to keep up with the latests post from Mac Tricks And Tips I recommend you subscribe to the RSS Feed.

Where To Next?

  • Subscribe To Mac Tricks And Tips

24 Responses to “32 Coda Tips and Tricks”

  1. 1

    Hey thanks for the great article, I recently got Coda myself and am figuring out the interface. I came over from Taco HTML Edit, which I really liked because it is simple but does the job well. Taco HTML also has a really good html syntax cleaner that Coda doesn’t have. I miss that…

    Comment By Jylan Wynne on September 19th, at 1:13 am

  2. 2

    i wonder if there is an option to select block of text and indent it somehow (hiting TAB erases selected text).

    Comment By nez on October 2nd, at 5:04 pm

  3. 3

    Select your text and press Command + ]. It will then move right one tab stop. You can use the left bracket key to move left.

    Comment By admin on October 2nd, at 5:20 pm

  4. 4

    Perfect! thanks a lot! :-)

    Comment By nez on October 2nd, at 5:25 pm

  5. 5

    I love the list. Clip links will be very useful. Number 27s title is misspelled.

    Comment By Brad Strickland on November 28th, at 10:31 pm

  6. 6

    Great post !

    I’d add that for the slowed down visual effects, only pressing shift while opening a site is enough.
    You can use this trick almost anywhere in Mac OS (While bringing up DashBoard, clicking on a windows un Exposé…

    Comment By Moitah on November 29th, at 12:51 am

  7. 7

    Sorry for digging up this old post, but wanted if its possible to select parent element (html) using some hotkey like in dreamweaver you can select the parent element by pressing Cmd + [

    Comment By Ebrahim on February 22nd, at 8:05 am

  8. 8

    If you have really big file with code (e.g. PHP) and during writing suddenly you’d like to check something at the beginning of this file – than it would be perfect to mark actual line with some “marker”, go to beginning of file… do checks you want etc. and than jump to marked line :-) I know such solution from Pspad editor (win).
    The question – does Coda have such line-code-bookmarks feature?

    Comment By nez on April 15th, at 7:41 pm

  9. 9

    I’ve tried using Coda many times, but I always end up going back to Dreamweaver because of the little details that Coda doesn’t have and that just kill my productivity.

    Having said that, whenever I have to use it, I always install this little plugin: Tabster (make a Google search for “tabster for coda”). It allows you to indent a block of text without erasing it and it makes a big difference.

    Comment By Yaili on June 18th, at 5:40 pm

  10. 10

    Thanks for the tips. I’ve recently started using coda having mainly used Editplus on the PC. Coda has been struggling to compare to it, but the clips feature has really helped to make it nearly as good, but not quite just yet, but it is early days for me. So maybe I’ll find out other features that I’m after – anyone know if Coda has an autocomplete feature?

    TIP: To comment out multiple lines or a big block of code, just select it all and click press command + /

    Comment By Coris Leachman on June 19th, at 11:22 am

  11. 11

    These are really great! But what I’d like to know, is how to customize the Terminal color profile in Coda… I’ve got my terminal pimped to use Tom Werth’s “ir_black” color profile, and I’d like Coda to use that, too.

    Comment By Benxamin on June 23rd, at 4:38 pm

  12. 12

    We really like the code sharing feature. You can share your currently open file with another local network user over bonjour.

    Just click share and invite the other user. If they have Coda running then they will see your shared file. Any changes you or the other developer make will be highlighted on both screens and updated immediately.

    Perfect for pair programming!

    Comment By Rob Layfield on November 6th, at 12:40 am

  13. 13

    This is brilliant! The HTML Tidy plug in is a really useful one for me! Many thanks for this :-)

    Comment By Karl Bowers on November 6th, at 5:05 pm

  14. 14

    I made a CakePHP book cover for coda if anyone wants it:
    http://sites.google.com/site/jenkins2541/shared-files/CodaCakePHP.png?attredirects=0&d=1

    Comment By Matth on March 5th, at 9:07 pm

  15. 15

    Does anyone know of a shortcut for toggling between open tabs in current window?

    Comment By Enon Avital on March 10th, at 6:18 pm

  16. 16

    Great list, thanks so much! I’m just digging into Coda myself, considering switching from BBEdit. One thing I miss so far is the ability to jump to a specific line number like I could in BBEdit with a Cmd + J shortcut.

    Does Coda have a feature like this? Can’t find it if so…

    Comment By Adam S on March 29th, at 3:59 pm

  17. 17

    I’d love to see a way to easily comment out a block or text.

    Also, I’d love to see a way to easily indent multiple lines at once, together.

    those are two features I’m not seeing available yet.

    great list though, thank!

    Comment By Jonathan Dingman on April 19th, at 4:52 pm

  18. 18

    Is there a way to have two documents visible at the same time while open? like i can see two different parts of one document at once, but what about two different documents?

    Comment By Armigin on April 19th, at 8:07 pm

  19. 19

    I have been struggling to find out how to set the file kind in Coda. I’m programming in CakePHP and so my files are titled home.ctp. Coda says these named files are a unix executable file and they also are not globally searched. Any advice on how to change this?

    Comment By Ryan on July 26th, at 6:39 pm

  20. 20

    FAO Ryan re: CakePHP setup in Coda:

    * Open up the Preferences in Coda
    * Click on the “Editor” tab
    * Look for the “Custom Syntax Modes” at the bottom
    * Click the “+” icon beneath the “Custom Syntax Modes” list
    * Enter “ctp” in the “File Extension” input box
    * Select “PHP-HTML” as the “Syntax Mode”
    * Click “OK”

    Your .ctp files will now be recognized by Coda as CakePHP files :)

    Comment By Keith Gorman | Class Outfit on September 27th, at 6:38 pm

  21. 21

    I also moved from DW to Coda a couple of years ago and never coming back. Coda is so easy to use… Thanks for this list!!!

    Comment By Opencart Templates on October 1st, at 9:09 am

  22. 22

    Is there any way to have Textmate Bundles in Coda? I love Zen coding, which is included but what about ZEN HTML, and ZEN CSS?

    Thanks.

    Comment By alex on October 2nd, at 11:07 pm

  23. 23

    Do you know, is there a function to dublicate a row?
    In notepad++ (pc) is Ctrl+D

    I can’t find this useful function in Coda.

    Thx for answer!

    Comment By Alex on August 18th, at 9:09 am

  24. 24

    i’ve found this: cmd+alt+arrow up/down

    I need another one action: to get up and down selected line.
    In notepad++ is Ctrl+Shift+Up/Down

    Help please!

    Comment By Alex on August 18th, at 9:39 am