Group items tagged

I bookmarked this for three reasons: 1.) It is filled with CSS tips. 2.) It's the first CSS tip sites I've found that has a great CSS design (credibility) 3.) It's actually funny. Enjoy

This article, on the smashing magazine website, shows some cool tricks for working with transparency in CSS. While I am having all sorts of trouble with my CSS page, I am expecting to use these or similar tricks on my page. I recommend checking it out if you need help with transparency

So you want rounded instead of sharp corners? This trick should help you with that. I'm looking for ways to make my page look smoother and more polished, so I think this should help. I'm trying to use this trick for my Zen Garden CSS page.

This is an awesome list of tricks that supplies the code and what your text and page will look like after. I plan to use many of the tricks on this page especially number 7 for the layout of my zen garden site.

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.

This article, written by Alan Pearce for A List Apart magazine talks about how to implement a multi-column layout. I want to use three columns for my Zen CSS page, so I'll be using this trick for sure. I hope it's useful.

Designer Jean Louis gives a pretty cool tip about sizing text without pixels. It's one of those tricks that makes text fit according to your site. Using percentages next to the body div on css will enable you to do this. I'm going to try it when I design my next site while playing around with text.

This article by Trenton Moss instructs designers to use 3-d effects for objects. Apparently it's an old trick, but I still think it's cool to move a mouse over an object or image and have it pop out at you. Moss also provides the "Text-Transform" command, which is useful if you forget to capitalize successive h1 lines - it sets a standard for every h1 (every header will therefore begin with a capital letter, even if you forget to be consistent).

Cool tricks mostly for paragraph set ups. Ever wanted to have a floating paragraph in your website? Use this page to learn how! "Spicing up lenses"

This is an interesting way to add a fun contact sheet to your webpage. I havent tried the code yet to see if it works but the site provides everything to build your own. I would like to add something like this to my site.

Scroll down to read CSS codes for different font tricks.

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.

In this Interactive Dreamweaver CS4 Tutorial (HTML & CSS) Post you will learn how to use for basic concepts and there is all new techniques which embed in this latest version, there is some very professional tips and tricks for your web development needs.

A designer at evolt.org says that if you are going to use an unusual font (especially one you have to download), make sure you use it in an image instead designating it as standard text in your CSS page. This is huge, since in my Zen Garden page I'm using a font which I was fond of and downloaded - there are probably very few users whose computers actually have this font, but they can still see it if it is in the form of a .gif.