Is anybody else using css3 and html5 yet?

[edg3]

Hey guys, just a quick question as in the title.

Ive been experimenting with css3 and html5 and have fallen in love, but after testing locally using firefox and google chrome and having no issues (I also used IE, but I know IE wont support css3 and html5 till IE9) I decided to upload my tests to my site, but have hit a few snags. For some reason, Firefox no longer renders the local or the uploaded files, and for people I have asked to check on their side Google Chrome wont work either, even though it still renders properly in Chrome for me. I just wanted to know if you are using them for any reason (mostly experimentation) have you also had issues with inconsistent support from any browsers for them?

You can look at my experiment here, and also see what its meant to look like.

Im also using

document.createElement('article');

and for all the other html5 elements Im using. (source)

 

[Other Pineapple Smurf]

Rendering is broken on Chromium under Arch Linux.

Never mind HTML5, I'm findin HTML4 is not even properly renderd. Was doing a new form layout today at work using HTML4 as its a internal app and I'm avoiding overkill eye-candy. Get it to render perfectly under Chromium but Firefox says sod off. The wonderful world of HTML standards.

 

[edg3]

Using css3 though?

 

[RSkeens]

I think it would be too early to fully adopt HTML5 but definitely not too early to learn and prepare for it. Off topic, but any reason why your favicon is almost the same as Axxess' one?

 

[Visser]

I played around with HTML5 and also found rendering problems when uploaded with IE8. I have decided to let it go for now.

 

[edg3]

The favicon being axxess' is because Axxess is my web host, and I have grown tired of fighting to replace the favicon with my own one. I upped a favicon when I initially moved to Axxess, but along with other issues (like not having access to my own mysql databases from php) it ended up being easier to not bother as emailing them didnt end well and all I ever get in reply is "you're doing it wrong" except for the fact that it works on my testing web server... If it was a more important site it would have been an issue.

Also, what are your thoughts on css3?

@visser: well html5 isnt going to be supported in IE till IE9 afaik anyway

 

[DarkStreet]

Will be a while before browsers support it 100% and even longer before users actually upgrade. According to Web Browser Standards Report, "As of August 2009, Internet Explorer 8, Firefox 2 and 3 have reasonably complete levels of implementation of CSS 2.1" - keep in mind we are talking about CSS 2.1 here, something that became a recommendation almost 3 years ago (preceded by CSS 2.0 which became a recommendation in 1998).

 

[Visser]

@visser: well html5 isnt going to be supported in IE till IE9 afaik anyway

It is a shame, because I saw a number of great web designs there!

 

[midrange]

Will be a while before browsers support it 100% and even longer before users actually upgrade. According to Web Browser Standards Report, "As of August 2009, Internet Explorer 8, Firefox 2 and 3 have reasonably complete levels of implementation of CSS 2.1" - keep in mind we are talking about CSS 2.1 here, something that became a recommendation almost 3 years ago (preceded by CSS 2.0 which became a recommendation in 1998).

The css3 properties I've used (gradient, border radius, text shadow) work in Firefox 3.6, Safari and Chrome. The anti-aliasing is not great in Chrome.

 

[DarkStreet]

The css3 properties I've used (gradient, border radius, text shadow) work in Firefox 3.6, Safari and Chrome. The anti-aliasing is not great in Chrome.

Yeah, those have been out for a while, I remember our XHTML guys implementing text shadow into a site we did in 2008. If this is accurate it gives you a good idea of which browsers support what at the moment: http://a.deveria.com/caniuse/

 

[midrange]

If this is accurate it gives you a good idea of which browsers support what at the moment: http://a.deveria.com/caniuse/

Shot.

CSS3 animation example:

http://www.css3.info/anigma-online-gaming-using-only-css3-animations-and-transitions/

 

[Synaesthesia]

You can look at my experiment here, and also see what its meant to look like.

Tip: Switch on Cleartype, and get a higher-rez on your screen

 

[edg3]

IE border radius, box-shadow and text-shadow - havent tried it yet, but it looks promising

 

[midrange]

border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3

I hope they decide on a single name for these new styles.