If you design and build web pages for a living, then you probably have used a code editor. It is one of the tools of the web design trade. So you should have one that is powerful, yet intuitive and easy to use. We are featuring ten of the most popular code, HTML and CSS editors available on either the PC or Mac platform (or, if you are lucky, both). Enjoy and happy coding!

Komodo Edit

Cost
Free
Platform
Windows, Mac, Linux
Feature List
Code Folding
Split View Editing
Column/Block Editing
Syntax Highlighting and Checking
Detects multiple languages within a file
Variable Highlighting
Go To Definition
Key Bindings
Vi/Vim, emacs included
Powerful Snippets and Macros

Coda 2

Cost
$75
Platform
Mac
Feature List
Code Folding
Autocomplete variables and functions in a document.
Automatic indentation, smarter closing tags, etc.
Streamlined Find & Replace
Code Focus
Git
Full File Browser
FTP, SFTP, WebDAV, and S3, Transmit-style
Multiple Placeholders
Dynamic Placeholders
Keyboard Shortcuts
Import/Export
List view
iCloud Sync for Sites & Clips
Revolutionary New CSS Pops
Live updating
Built-in …

One of the powers of WordPress has always been its custom Pages feature. It’s one of the least understood, most under-utilized, and most often misused feature WP has. In order to harness the power of WordPress, and to drive a non-blog site, understanding and exploiting custom Page templates is essential. I’ll show you here how to create a custom WordPress Page and show you some examples of how we’ve used custom Page templates in our clients’ web sites.

You can read more about WordPress Pages in the WordPress Codex, but in a nutshell, just remember that Pages aren’t generally meant to contain post information. They are used to contain static content on your web site. And since you can’t generally place live PHP code into the “content” area of a Page or Post without a plugin, if …

In this day and age of instant gratification (do you, like me, stand in front of the microwave and holler “Hurry UP!!!!”?), it’s nice to know that there are still a couple of things you can do to improve your web site’s visibility and performance in the time it takes you to heat up a Hot Pocket™! So, what are you waiting for? Get that Hot Pocket in the microwave and let’s get busy!

1. Validate your stylesheets.
You’d be amazed at the number of errors that can come to light by just running your stylesheet through a CSS Validator.
2. Validate your HTML.
Like with the stylesheet, the HTML validator will point out all your HTML shortcomings. Maybe you forgot to declare a DOCTYPE or a character set? Not to worry. An HTML Validator will shake out those errors and …