HTML5/CSS3 text editor for OS X?

I am looking for a text editor that supports HTML5 and CSS3, allowing you to add/edit new properties, like rounded corners and so.

It doesn't have to be a visual editor but it has to have support for CSS3 and other new stuff like rounded corners.

Solution 1:

I use Espresso on a daily basis. You'll need to the HTML5 sugar and the CSS3 sugar to get the code completion.

Espresso also have a preview functionality that helps a lot in developing a page with minute differences.

Solution 2:

There are two all-in-one solutions specialised for web development: Coda from Panic and Espresso from MacRabbit. Both have their pros and cons, just try them out and see which fits better for your needs. Hype is going through the news recently, but is more tool to create interactive and flashy HTML5 sites (as far as I understood it).

Solution 3:

If you have Textmate, there's are CSS3 bundles available.

• http://code.google.com/p/webkit-css3-bundle/

  A bundle of advanced CSS3 features supported by Apple's open source Webkit and Safari browsers. These features are primarily limited to those prefixed with -webkit.

• http://zeroedandnoughted.com/css3-textmate-bundle/

  I’ve combined the previous CSS3 TextMate Snippets into a bundle, which was a lot easier to do than I thought it would be. I’ll detail how to make your own in a future post.