Much like Mozilla Firefox, Webkit allows developers to create pure CSS rounded corners in all browsers that use the Webkit engine, including Apple’s Safari and Google’s Chrome. Check out how easy implementing rounded corners can be!

The CSS

	.sample {
	-webkit-border-radius:10px; /* all corners */
	-webkit-border-top-left-radius:15px; /* top left corner */
	-webkit-border-top-right-radius:50px; /* top right corner */
	-webkit-border-bottom-left-radius:15px; /* bottom left corner */
	-webkit-border-bottom-right-radius:50px; /* bottom right corner */
	border:1px solid #fc0; /* border color, per usual */
}

Click here to view a few examples.

One of the cool Firefox-specific browser CSS capabilities is the “-moz-border-radius” set of properties. The moz-border-radius properties allow you to create rounded-corner elements using only CSS.

The CSS

	.sample {
		-moz-border-radius:10px; /* all corners */
		-moz-border-radius-topleft:15px; /* top left corner */
		-moz-border-radius-topright:50px; /* top right corner */
		-moz-border-radius-bottomleft:15px; /* bottom left corner */
		-moz-border-radius-bottomright:50px; /* bottom right corner */
		-moz-border-radius:10px 15px 15px 10px;  /* shorthand topleft topright bottomright bottomleft */
		border:1px solid #fc0; /* border color, per usual */
	}

Click here to view a few examples. Wouldn’t it be great if we could get all browsers to support CSS rounded corners?

The ability to search right from your browser’s address toolbar is a Godsend. No more extra Google or Yahoo page loads — simply open a new tab and roll off your search terms. Of course Firefox comes with Google, Yahoo, and other search engines by default, but what if you want to offer search for YOUR website in the address bar? Using Open Search, you can create an XML file to do just that.