CSS3 Editors

If you have delved into CSS3, one thing I’m sure you’ve noticed is the multiple ways of defining the same property in different browsers. For example, in CSS3 you can set the opacity of an element. In order to do that now, here’s an example of the code you would use:

-moz-opacity: 0.6;         /* Mozilla extension */
-khtml-opacity:0.6;        /* Konqueror extension (Safari 1.1)*/
opacity: 0.6;              /* from the standard */

The reason for this duplication is that the standard has not yet been finalized. So, in order to be sure the functionality works, browser manufacturers create their own browser-specific properties. When the standard has been completed, these properties will not be needed.

Even without these properties, the functionality contained within CSS3 is so diverse that getting comfortable with creating it by hand may take a while. There are CSS3 online code editors that can help with that task. Here are a few that I am aware of:

Although I have not worked extensively with all of them, each looks like they could be helpful. I’ll probably end up using at least two on an on-going basis.

[from Wired]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: