Web Design CSS Bookmarking List Summer 2008

This is the HTML and CSS codes for Horizontal tab menus. When you copy the code, you have to make sure that you save the two images so that they may be used as the background images and also make sure that the image is directed correctly in both the HTML & css or you wont get the cool effect. I do plan to use this in my professional site.

Kotatsu is an easy-to-use HTML table generator. Tell it what kind of table you want to make, and it'll show you the HTML code to format it.

Tripoli is a generic css standard for HTML rendering. Tripoli resets and rebuilds browser standards and allows you to create dynamic pages without interfering with Typographic measurements. It streamlines the readability and usability of your HTML content. It also allows for full control over all css rules and has been tested of IE 5. Here is an example of a layout pulg-in on the tripoli website... http://devkick.com/lab/tripoli/layout.php?lay=l1&width=wide&style=equal I am not too sure if I will be able to use this for my professional site but maybe when I learn more about HTML and css, I can take advantage of this site.

Awesome! This site allows users to create a unique cube-by-cube construction that looks like a graphic from an old-school video game. It is a great way to use isometric pixels to create custom graphics that are truly one-of-a-kind. Highly recommended!

Cool free fonts to help design your page.

This is a really cool way to cheat. You can type in any information you want to be added to a list where a small empty box appears to the left. Here, the viewer of your page can check which ever open box they want that appears on your site. It does it all for you! Just copy and paste the code into your html.

Free themes for blog pages. They have a bunch, sports, kids, healthcare, political, etc.

This is a pretty useful horizontal list posted on Listomatic by John Siegel. When hovering over list items, the font fades to white. I'm pretty sure I'll use this on a site somewhere, manipulating the colors to fit my desired design. I found this through a google search: "css horizontal lists"

This quick how-to, written by Chris Coyler, explains how to resize a background image. It sounds like something that is extremely useful. While I haven't had much experience manipulating images in the past, I see this being a very useful tool to have.

This article, written by German CSS expert Jens Meiert, shows how to make one's page more organized. He opens up by explaining how important it is to make your page orderly. While I am just starting out with this Web Design endeavor, I expect to employ some of Meiert's suggestions with my own work.

This article, written for the Design Shack website, shows how to code for multiple columns using CSS3. I expect my first site to have just two columns, but adding a third may be in the cards in the future. I expect to impement these ideas in the near future.

Instructions for making a sharp-looking vertical navigation bar.

HTML Dog has probably been the most useful tool in this whole ordeal for me. Here, in the intermediate tutorial, Patrick Griffiths explains the difference from the ID and the div tags. ID tag's identify a particular rule, whereas divs describe classes. Though not vital information, this can probably help alleviate some frustration, and for that, it's worth checkint out.