Bubbleblog

Subject: HTML5 & CSS3: A Start.
Category: Coding
Posted by: Sam S (19.05.10)

Recently I have been exploring the properties/possibilities of HTML5 and CSS3. Below is a short list of various Informative sites/Generators that I've found and used so far.. (most of these examples will work in Chrome, Safari or Firefox Beta 3)

CSS3 Please! The Cross-Browser CSS3 Rule Generator

Css3please.com created by Paul Irish and Jonathan Neal is a cross-browser Css3 rule Generator,  At the moment is supports example rules for:  border-radius, box-shadow, linear-gradients, rotation and @font-face.

A Browser Support Checklist

http://www.findmebyip.com/ is a 20% project by Deep Blue Sky which aims to reveal browser support for new web technologies.  Simply select from one of the five headings: css3 Properties, css3 Selectors, Web Applications, Embedded Content and Web Forms 2.0 and see which browsers support what. Simple.

CSS3 Generator

http://css3generator.com/

Another CSS3 Generator with cross browser support.

Css3 Gradient Generator

Css3 Gradient Generator v2.0. This gradient generator requires either a web-kit browser such as Google Chrome or Safari, or the Firefox 3.6 Beta. I did however test some gradients in Internet Explorer with terrible ugly results.

A Good Presentation of HTML5 & CSS3

http://www.apirocks.com
A Simple presentation that covers various JS APIs, HTML5 and CSS3 with working examples.

I recommend using Chrome 4.1 or above.

 

Comments