Here are some resources for web-related technologies:
- Client-side
- HTML Goodies — Good intro to HTML, plus lots of little tips
- Your HTML Source — Lots of resources, notably a decent intro to CSS
- IE7 — One of the first things you notice once you start using CSS is that IE seems to have its own (undocumented) CSS standard (and yes, having an “undocumented standard” is the same as just having a buggy browser). Unfortunately, a common estimate for the usership of IE is 90%; people use the browser that comes with their operating system, I guess! Until this number changes, designers are sort of forced to first design a page, then to fiddle with it until it works under IE. IE7 is a temporary work-around of most of IE's problems so you can skip that second step. Beware, though: it's not perfect and IE has poor PNG support no matter how much javascript you write.
- CSS Tabs Hack — A neat CSS tabs hack. I used something based on this in my exec page.
- HTML Character Reference — Special characters in HTML (like © = © ... ooh, magic!)
- Javascript Character Codes — For those all-important hotkeys. Very nice.
- Server-side
- Apache — Free web server
- PHP — Free server-side scripting engine
- Ruby on Rails — Web development that doesn't hurt (it really doesn't!)
This page was written in Vim and the design is original, though surely based on the countless websites I've seen and the few that I've liked. The pictures are all free, royalty-free images (to the best of my knowledge) and any edits were made in the Gimp. I topped it all off with the IE7 javascript I mentioned above. Free site made with free tools and free materials designed for free browsers (hey, it certainly wasn't designed for IE, the bane of site designers; the fact that it works at all in IE is luck as far as I'm concerned). Please send me your suggestions and feel free to copy any design elements from the site. (If you copy content, though, please tell your readers where you got it from!)