Coda Clips
It’s no secret that i love using Coda as my personal preference for editing and coding websites.
I’ve recently been using Coda’s ‘Clips’ more and more so i decided to put some of my personal clips up for download.
It’s no secret that i love using Coda as my personal preference for editing and coding websites. I’ve been using it for probably the past 4 years avidly and it’s never put a foot wrong. Everything that i need plus more.
But it’s only really been for the past maybe year to 18 months that i’ve been using all of the little functionality and productivity features that Coda possesses. Things like the books feature, where i can integrate reference material for different elements of web design that i’m not fully proficient in, and the main one that i’ve been loving recently ‘Clips’.
Clips aren’t something that only Coda has integrated into it, i know this because recently i have been trying out TextMate to see what all the fuss is about. Code snippets are a pretty big selling point on the TextMate front, from what i’ve read Most of the other web developers and designers that i know, use TextMate as their preference.
HTML 5
As people who read this blog will know, when i redesigned my personal site, i chose to learn and use HTML5 as the Doctype. After building a few pages i decided to make a HTML 5 basic page structure Clip for Coda.
HTML 5 Basic Page Structure
<!DOCTYPE html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="" /> </head> <body> <!-- Content --> </body> </html>
< head > Clips
I also made some basic clips for people who are starting out in Coda and also starting out in the web design world aswell to get an idea of how certain elements should be written or they could be used by people already comfortable with code just to speed things up when working.
These clips below have been written to contain selection placeholders, which mean that if you just type ‘css/basic.css‘ into the head of your page (or whatever yours is called) but without the element tags around it and you will be able to use my clip by highlighting the whole element (which you would like the tags to appear around) and then select on the clip you require. This will then replace the selection placeholder, with the selection you made on screen. If you have any issues with these or problems using them, please get in touch.
Clip 1 – CSS
<link type="text/css" rel="stylesheet" href="*" media="all" />
Clip 2 – Javascript
<script src="*" type="text/javascript"></script>
Clip 3 – iPhone/iPod Touch Shortcut Icon
<link rel="apple-touch-icon" href="/apple_touch_icon.png" />
Clip 4 – If IE Conditional
<!-- [if IE]> <link type="text/css" rel="stylesheet" href="*" mce_href="*" media="screen" /> <![endif]-->
Clip 5 – RSS Feed
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="*" />
Clip 6 – Favicon
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
I can’t say which is better or worse as a whole package because each person is different, but for me personally, Coda is definitely where i’m most comfortable.
