Cross-Browser Gradient Backgrounds

One of the great new features coming with CSS3 is the ability to use native gradient backgrounds. In addition to saving server resources (no need to call an external image), the gradients tend to be more vibrant and faithful to the original colors than any external images.

So far, none of the modern browsers have agreed on which method to use to implement the gradients, so you will need to utilize a few different methods in order to get it to work in multiple browsers.

TinyMCE 3.2.4 Released

The folks over at TinyMCE are still plugging away on the best WYSIWYG editor available. Another new release came out yesterday.

This new version includes some bug fixes and apparently a lot of new features for the paste function.

I found the bug fix mentioned in the quote below very interesting. I will have to test it out when I return to work next week to see if this allows TinyMCE to work on the iPhone. I doubt it will, but it’s definitely worth testing.

“We also fixed a somewhat critical bug where some WebKit versions would fail with a DOM Range exception due to a WebKit bug. We added a workaround for this one and reported the bug to the WebKit team.”

If you get a chance to test the new version before I do, let me know what you find.

CSS3 Will Include Rounded Corners

With Web 2.0, rounded corners have become wildly popular. Unfortunately, as of right now, you need to use transparent images, some fancy CSS hacks and some extraneous HTML to make them work properly.

However, Mozilla (Firefox) and Webkit (Safari, Konqueror) browsers have implemented a property called border-radius, which will apparently be included in the CSS3 spec, allowing you to easily create rounded corners on any bordered HTML element.

At this time, you have to use browser-specific properties for Mozilla and Webkit browsers, as the border-radius property is not yet fully implemented. You can find more information about the -moz-border-radius and -webkit-border-radius implementations on The Art of Web. More info about the proposed CSS3 spec on border-radius can be found on the W3 site.