Omar AL Zabir[MVP]

CSS Goodies

CSS Cheatsheet + great tutorial, print and hang on the wall in front of you:

http://home.tampabay.rr.com/bmerkey/cheatsheet.htm

Test online, live how texts with different style looks like on screen:

http://typetester.maratz.com/

Nice way to show adds inside content: box punch:

http://www.meyerweb.com/eric/css/edge/boxpunch/demo-ie.html

Floating text/icon on links on hover using pure CSS, outstanding concept:

http://www.meyerweb.com/eric/css/edge/popups/demo.html

Nice CSS layouts:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Rounded forms with rounded labels without any image:

http://pro.html.it/esempio/nifty/nifty7js.html

Rounded tab without any image:

http://pro.html.it/esempio/nifty/nifty5js.html

A complete rounded page without any image for rounding:

http://pro.html.it/esempio/nifty/nifty8js.html

Learn it from here:

http://pro.html.it/esempio/nifty/

Rounding with images:

http://www.vertexwerks.com/tests/sidebox/

Very nice rating system:

http://www.robarov.be/rate/

Create forms without using table

http://www.quirksmode.org/css/forms.html

Form layout better way:

http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

Several ways to create 3,2 column layouts:

http://glish.com/css/home.asp

A nice example: http://glish.com/css/7.asp

10 CSS Tips:

http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml

Making printable version of your page using CSS:

http://www.alistapart.com/articles/goingtoprint

CSS Style to RSS Feed:

http://www.petefreitag.com/item/208.cfm

Float leads to unwanted content floating. Here's the solution:

http://www.positioniseverything.net/easyclearing.html

Stick footer always at bottom

http://www.themaninblue.com/experiment/footerStickAlt/

On hover, do magic without using javascript:

http://www.phoenity.com/newtedge/element_hover/

Different ways to use

http://www.sovavsiti.cz/css/hr.html

Wonderful fading tooltip on hyperlinks (IE only)

http://www.dustindiaz.com/sweet-titles/

See some super impressive site design using CSS heavily

http://thesis.veracon.net/

10 CSS Tricks that you may not know, lots of IE bugs and remedies:

http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml

Print | posted on Saturday, September 24, 2005 3:40 PM | Filed Under [ Cool Stuff ]