Snipplr - jonhenshaw

(HTML) HTML Test Page for CSS Style Guide

Mon, 01 Sep 2008 10:12:18 GMT

Great page for testing the style guide for a website.

(JavaScript) Anti-Aliased Curvy Corners

Thu, 07 Feb 2008 22:56:04 GMT

curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.

(CSS) CSS PNG Image Fix for IE

Thu, 08 Nov 2007 08:22:32 GMT

The selector portion of the CSS rule targets which XHTML tags/classes this rule will be applied to. At first glance, it looks like all img tags as well as all tags with a class of "png". You’ll notice the * html in front of both of these. Wait, there is no “anytag” preceding the html tag, so this won’t get applied! True. For all non-crappy (that is a pro term by the way) browsers, this rule won’t get applied. However, since IE6 is a pile, it thinks that there is a tag before the html tag, so it will apply this rule. Great! Now IE6 is the only browser that will use this rule.

(CSS) YUI Reset CSS

Sun, 15 Apr 2007 15:06:13 GMT

The foundational YUI Reset CSS file creates a level playing field across A-grade browsers and provides a sound foundation upon which you can explicitly declare your intentions. It normalizes the default rendering of all HTML elements, for example it sets margin, padding, and border to 0, font sizes to YUI Font's default, italic and bold styles to normal, and list-style to none.

(CSS) Internet Explorer (IE6) CSS Hover

Mon, 01 Jan 2007 20:17:07 GMT

IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths). body { behavior:url("csshover.htc"); }

(CSS) min-height for IE (and all other browsers)

Wed, 31 Dec 1969 19:00:00 GMT

Since min-height doesn't work in IE, this code makes up for IE's shortcomings. The first part of the code is the correct code that works in Firefox and Safari. The second part of the code is for IE. Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.