Hi, welcome to the official blog for Gooey Templates, Slice 'n Dice, and Out Loud Creative.

Tips for coding HTML with skEdit

Tuesday May 23, 2006

During my web development work, I find myself writing plenty of HTML code (among other things). Often, much of the code is repetitive among different websites. One of the things I’ve found that really helps speed things up is using Snippets in my text editor of choice, skEdit

One of my favorite snippets takes a return separated list of words, like:

Home
Products
Contact
About

and turns it into a linked, unordered list, like the following (which works great for navigation bars):

<ul>
<li><a href="">Home</a></li>
<li><a href="">Products</a></li>
<li><a href="">Contact</a></li>
<li><a href="">About</a></li>
</ul>

To get this to work in skEdit, you’ll first need to create a new snippet. Go under Snippets -> Edit Snippets, then click the little tool pop-up at the bottom of the window and select New File in Directory.
You can save it as whatever you’d like, UL Nav works for me. Then paste the following code into the document window:

<ul>
[*<line>]<li><a href=""><strong>sel]</a></li>[</strong></line>]
</ul>

Now, hit save, close the window, and then select Snippets -> Reload Snippets. Your new Snippets should now be ready to go.

If you have any snippets you like, email them to me at tyler at outloudcreative dot com.

leave a comment

commenting closed for this article

Previously on our blog: A great tool for search trend analysis

« Back to the Blog

blog topics

Grab our RSS Feed

stuff we do

Slice 'n Dice - XHTML/CSS Coding Service for Designers
Gooey Templates - Smart Web App UI Templates
Crunchy Melon - Apps, resources, & tips for web design business owners