Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Developer tricks for Coda

Tuesday, February 2nd, 2016 by Servage

codaThe programming and code editor called Coda is very popular among Mac users. It offers a range of useful tools and makes programming web applications a breeze. It works nicely for editing HTML, Javascript, CSS and many other programming languages. In this article some features of Coda will be highlighted, which are improving the developer experience even further.

Group sites for better overview

You can set up sites in coda which holds the settings for a particular website or project. However, often you end up having multiple sites for each project. I.e. you have multiple local or deployment environments, or similar. It could also be multiple sites relating to the same customer, or other grouping that makes sense to you. Fortunately you can actually group sites in Coda, and thereby get a better overview of your settings when having many sites set up.

Use split view for quicker programming

The split view mode in Coda is very powerful. It basically allows you to open files in multiple windows, and thereby having access to multiple code points at the same time. This is super useful when working on related code which is not stored at the same file location.

Supercharge your coding with HTML, CSS and preview at the same time

Using the split view mentioned above, you can set up a view mode where you have three split windows open. One for the HTML source code, one for the CSS code, and one with a live browser preview. This enables you to work efficiently by instantly seeing the changes to your code effecting the rendered preview. This way of coding works best if you have a wide screen with three vertically split windows next to each other.

Preview on mobile devices

You can change the user agent that Coda renders the page with and thereby simulate e.g. an iOS device. This enables you to preview the page you are working with on an iPad or iPhone environment. This is great for mobile testing because you get around using a real device or even an emulator software.

Jump to specific code line

The ability to jump to a specific code line is totally underestimated and used by way too few developers. Most coders have been confronted with line-based error messages hundreds if not thousands of times, and it is just super convenient to be able to go to that particular place in a code file super quickly. Get to the desired line of code by pressing Shift + Command + L, then enter the desired line number and hit enter.

These few simple tips should help you getting even more out of Coda and enjoying building great web projects. Happy coding :-)


Developer tricks for Coda, 5.0 out of 5 based on 6 ratings
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No comments yet (leave a comment)

You are welcome to initiate a conversation about this blog entry.

Leave a comment

You must be logged in to post a comment.