Web Design CSS Bookmarking List Summer 2008

I plan on using a transparent image on my page and this explains how to do it.

This page shows how to add an image to your css background. I think a lot f us will be doing that for our designs

This site shows you how to add certain effects to your css such as dropshadows, rounded edges and sliding tabs, horizontal centering etc. I will use some of these effects for my page.

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.

This is a good code to know for the future. HR means Horizontal Rule. You can use these dividers anywhere on your site to divide content. It is similar in style to the banners I bookmarked previously. However, I don't think they can be used as dividers between content, but if they can I'm sure you need to know what HR means.

On our CSS Zen Garden Sheet the transparent URL comes up repeatedly . This page gives several descriptions about what it is. Apparently, it controls background color. Which in this case, is transparent.

I have been looking everywhere for a site that gives a code for pop up menu tabs instead of ones that drop down. I finally found this code, but the only problem is that it itns't cross-browser. Hopefully I will be able to find one that is. But for now, I'm going to use it in my site!

This is a great resource to access a slue of free templates. Scroll down the left side and check out all the examples you could copy.

Here is a great site that offers CSS templates and layouts, and best of all, they are free! As you scroll down the left side of the screen, you will see many clickable options to copy.

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!

This tutorial is a handy on-line resource to turn to when you don't have a photoshop manual at your fingertips. Uniquely, it shows how to use a swatch of color from a single item in photoshop.

Funny story: This is ceramic tile site created by Susan Jablon. She sells mosiac tile for showers, subways, kitchens, etc. On the site is an application where you can create your own mosiac. I stumbled upon one of her mosiacs through a google seach: "grey sky;" I was looking for a banner image at the time. After findinf a 5x5 mosiac that somewhat matched my site color scheme, I took a screen shot and used photoshop to crop, copy, and arrange the image to suit my suit. It's ugly, but I got to play with photoshop. The tiles may be useful for those of you looking to create your own, custom-colored, navigation tool, banner, etc.

Here you can choose any colors you want. Or you can have the website choose random colors for you! You can make a ribbon/band of color (s) for anywhere on your page. Use it as a separator/divider or a band at the top of your page for some extra decoration. Very cool for adding extra UMPH to your site! (involves relative linking).

This site is really cool. It's filled with ready-made images, scrolling images, hovering images, etc to be used for anything from simple art to navigation tools and lists. I'd love to use it for a site

This is certainly one of the most important tools for designing a webpage. In "CSS How To...", for the W3 Schools website, this article shows you how to insert a CSS. Without a Cascading Style Sheet, your page will look like it came right from 1997. I will be looking at this page the next time I start work on a new web page.

Designer's blog discussing using type to design, Good examples. Some of the links take reader to other related areas

I found this site from a google search: "css image icon horizontal list." I was looking for a way to use images in a list." While the search was fruitless in this respect, it explains, in detail, how to hadnle a variety of lists. Examining the code may be helpful in deciphering why your lists may/may not be working as you desire.

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.

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 page gives you some instructions on how to make your css clean and more user-friendly. It is a resource on the www.webcredible.com page and there are also other lists of resource tools on the left hand sidebar of the page. I will use this website for my professional page.