RSS feed for the CSSKarma lab items http://www.csskarma.com/lab/ 06-20-2008 This is a calendar made purely from CSS, it was created in partnership with Chris Coyier from css-tricks.com. http://www.csskarma.com/lab/calendar/ 06-07-2008 This is your basic mailer form with jQuery validation and a nice Captcha at the bottom. This is an addition to Chris Coyier's contact form screen cast. Very easy to edit and modular; you should be able to pretty much just drop this into any site and have it work fine. Files available for download. http://www.csskarma.com/lab/contactForm_captcha/ 06-07-2008 This is from a screen cast Chris Coyier did on css-tricks.com. I made some minor mods to the php and css. Also, stripped the images out. Files are available for download. http://www.csskarma.com/lab/contactForm/ 03-17-2008 Testing and modifying from http://www.deheus.net. Retrieves an xml and xsl stylesheet with XMLHttpRequest(). Applies the stylesheet to the xml. Adds the fragment to the div. http://www.csskarma.com/lab/displayxml/ 03-14-2008 Exploring MooTools Asset.css and wondering if jQuery can do the same thing, but with much less code... yes it can. And this is it. http://www.csskarma.com/lab/styleswitcher/ 03-10-2008 Checking out, what I think is, one of the more useful MooTools uses, the tool tip. http://www.csskarma.com/lab/tooltips/ 02-20-2008 Cool 3D shadowing effect using CSS. This is very cool looking and came out of the CSS generated arrows. The HTML is pretty straight forward, just an unordered list, but the CSS gets a little tricky. http://www.csskarma.com/lab/css_shelves/ 02-10-2008 This is a test module for border-radius, to see how smooth the border lines can get with different color combinations and radius values. http://www.csskarma.com/lab/circles/ 01-30-2008 Test module for CSS3 multi-columns using column-width, column-gap, column-rule and column-fill. I think this will prove useful for columns within a div (organizing main content). I currently works in -moz- & -webkit-. http://www.csskarma.com/css3/css3.html 11-15-2007 Generating directional arrows without images; this is a lot cooler than it looks. Check out the link and poke around through the code to see what's going on there. I finally got it to work in IE6. http://www.csskarma.com/lab/css_arrows/ 07-01-2007 This is something I'm working on to make a graph and a table from the same unordered list with PHP and CSS. It invovles using embeded styles and using an echo to dynamically generate the bar graph. Basically, you can enter the graph values once and it will generate the styles, "table" and graph. You can view it in action with the link above. http://www.csskarma.com/lab/dynamic_css_graph/ 06-18-2007 File to start you off on you quest for the 3 column layout. http://www.csskarma.com/lab/three_col_wireframe/ 06-10-2007 Accessible tooltip popup with an easily edited javascript timer. This is very easy to use and stlye as you wish.. http://www.csskarma.com/lab/tooltip_timer/ 05-08-2007 How to create a slick "web 2.0" split-color background without using images. http://delta.ncsu.edu/teach/web_development/templates/tdw_278/