Tricks

Kickass WebGeek Resources- Home » CSS » Tricks

Submit Link | Latest Links | Top Hits |   | 

Pure CSS Popups - http://www.meyerweb.com/eric/css/edge/popups/demo2.html

Eric Meyer brings us Pure CSS Popups with Images!

Slantastic - http://www.meyerweb.com/eric/css/edge/slantastic/demo2.html

Eric Meyer's on the Edge again, with his Slantastic layout.

Night of the Image Map - http://alistapart.com/articles/imagemap/

A CSS alternative to using image maps

CSS Sprites- Image Slicing's kiss of death - http://www.alistapart.com/articles/sprites/

Using css to create an image map.

Stu Nicholls- CSS PLaY- Experiments with CSS - http://www.stunicholls.myby.co.uk/index.html

Lots of good stuff here, from cutting edge tricks to some handy hacks, from menu techniques to photo/graphics galleries, all done in CSS.

Photo Cards Technique (or Pullquotes with Photos) - http://wellstyled.com/css-photo-cards.html

This is a technique I've used a whole lot. It sets a box into the flow of text, either right or left. The box contains an image and its caption OR just an image OR just text. Very useful and foolproof.

Invasion of the Body Switchers- A List Apart - http://www.alistapart.com/articles/bodyswitchers/

Want to offer your surfers a varied experience? Howzabout a style sheet switcher?

8 columns- tomfoolery with ordered columns - http://www.fu2k.org/alex/css/test/EightColumns.mhtml

Who said you couldn't do tables without using table code?

Zebra Tables from A List Apart - http://www.alistapart.com/articles/zebratables/

Okay, you have to use a table, how do you get it to be functional AND beautiful? The answer is here.

CSS Server Side Constants - http://www.shauninman.com/plete/2005/08/css-constants

A way to define "constants" in the css by feeding them in through php.

Update to CSS Server Side Constants - http://www.shauninman.com/plete/2005/08/css-ssc-quickie

Companion update to CSS Server Side Constants article linked to in this same section.

Thierry Image Replacement Technique - http://www.tjkdesign.com/articles/tip.asp

The various successors of the Fahrner Image Replacement method have explored many techniques. All these techniques fail on some level with regard to User changes and choices. This IRT addresses those issues.

Unobtrusive Flash Objects - http://www.bobbyvandersluis.com/ufo/

A method for presenting a static image or other content when the viewer doesn't have Flash or JS enabled.

Valid Flash - http://www.ambience.sk/flash-valid.htm

Page with complete instructions on how to insert flash anis into your pages in a way that validates to xhtml strict.

Sliding Faux Columns - http://meyerweb.com/eric/thoughts/2004/09/03/sliding-faux-columns/

Background of the column doesn't extend all the way down? Here's one answer.

Text Tricks - http://www.mandarindesign.com/troops.html

Styling Text with CSS is fun, and this is the page that shows you how.

CSS- Clipping Property Explained - http://home.tiscali.nl/developerscorner/imaging/clipping-images-with-css-a.htm

Francky of the css-d list gives examples of how the clipping property can be used and how to do so.

Photo Caption Zoom - http://randsco.com/index.php/2005/01/31/css_photo_caption_zoom

Photo technique that displays, when moused over a thumbnail image, a larger version of the photo with a caption. Very cool.

Vertical Centering in CSS - http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

How to get all browser to play nicely while vertically center ing an element within another element.

SWFObject, Javascript Flash Player detection and embed script - http://blog.deconcept.com/swfobject/

SWFObject (formerly referred to as FlashObject) is a small Javascript file used for embedding Adobe Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as