CSS Menu Resources

I was browsing around and found this excellent compilation of 71 CSS Menus. Highly recommended.

How to Convert Code to HTML With Vim

If you have a code snippet that you want to convert to HTML for posting on the web, you can use Vim, or one of the Vim derivatives such as gVim or Cream.

Just put Vim into normal mode. Generally, that means pressing the ESC key. Then type the following command:


How to Make a Drupal Theme

Making a custom Drupal theme is actually quite easy. A Drupal theme is just a few PHP files, a CSS file, and an info file. I prefer the PHPtemplate theme engine (the default one) but you have several choices. See the bottom of this post for a link to the official Drupal Theme Developer's Guide which has information on other Drupal template engines.

The following information was originally written for Drupal 4.7, but has been updated for Drupal 6 on March 4, 2009.

Web Design Tips and Tutorials

I found an interesting list of web design links at

Also check out the excellent reference page, the web developer's handbook, and the accompanying blog.

Emacs HTML Helper Mode Demonstration

GNU Emacs is a free editor for GNU/Linux, Mac OS X, and many other operating systems, including Microsoft Windows.

Emacs can be frustrating to learn, but after forcing myself to use it for a while it became much faster to use than other text editors. It doesn't work like other text editors like Windows Notepad, or GNOME's gedit. You get a lot of power to move around and manipulate text with keyboard commands. You can use Emacs Lisp to add new features to the editor. The Emacs manual is something like 600 pages. I haven't read all 600 pages yet, but there is some good information in there.

Firefox Extension for Ruby on Rails, PHP, CSS, HTML, JavaScript

There is a developers extension for Firefox called DevBoi that gives easy access to documentation for Ruby on Rails, Ruby, PHP, CSS, JavaScript and HTML, among others. I first discovered it through the blog at

Here is a screenshot of browsing Ruby on Rails classes in Firefox with the DevBoi extension:

Browsing Rails documentation with Firefox

HTML Validator Firefox Extension With HTML Tidy

One of my favorite Firefox extensions for web design is the HTML Validator extension. I've mentioned it about a year ago on my Firefox web design extensions page, but this post covers it in more detail.

HTML, CSS and More

HTML, CSS and More

HTML is what you need to know to make websites. XHTML is a newer form of HTML. CSS is a way to apply design elements to your HTML or XHTML such as color, fonts, borders, margins, etc. Start with the first link below:

HTML and XHTML -- the best place to start to learn website design. Introductions to HTML, XHTML, CSS, and much more.
HTML Dog -- A site that teaches beginning HTML and CSS.
HTML / XHTML Templates -- a basic frame for your document from -- The World Wide Web Consortium. HTML and CSS specifications.
HTML Entities -- There are certain characters that can't be entered into your web site content directly because the browser won't display them. For example, what if you want to display the following on your web site: <p>? If you actually type those characters into your HTML, the browser will think you are starting a new paragraph and won't display the <p>. To have the browser display <p> you have to enter "&lt;p&gt;". The "&lt;" is the entity representing the left angle brackets and the "&gt; is the entity representing the right angle brackets. You can also use HTML entities to display characters not found on the keyboard such as √, ∴, ç, and €.

Where to Start With Web Design

Where to Start

What You Need to Make a Web Site

Syndicate content