CSS3 - What's Your Opinion?

[darren13]

Hey Guys,

Just wondered if anyone had hacked around with the new CSS3 selectors such as 'n-th child' or corner radius for your web designs yet?

What I'm wondering is how cross-compatible this lovely new bunch of toys are across IE/FF/Chrome/Opera etc....I see jQuery can work around some cross-compatibility isses.

I've not delved in myself yet, but probably will do on the next project....gonna get myself a hat first though so I can't pull my hair out!

Darren

[morestar]

If these are great examples of the corner radius options for CSS3 (http://www.css3.info/preview/rounded-border/) I think many of us will be right delighted...no need for tables anymore !!

Thank you for that post darren...

[darren13]

Yeahhhh......that's the kind of stuff we like ;-)

[danlefree]

If these are great examples of the corner radius options for CSS3 (http://www.css3.info/preview/rounded-border/) I think many of us will be right delighted...no need for tables anymore !!

There hasn't been a need for tables since negative margins came into play ;)

[morestar]

Sorta...I'd usually tend to (to make rounded corners) use a table cut from ImageReady...just to get the job out the door...

the next best thing will be gradients...when CSS can take care of gradients we'll all be in luck!

[kushty]

I know that Firefox 3x supports css3 rounded corner elements now but IE won't until version 9, then probably not very well

[Clarrie]

Its not only a case of new browsers supporting CSS3, there's also the issue of how long it takes users to upgrade their browsers... On the basis that we still see around 10-15% of visitors using IE6, its going to be another 10 years! :-)

[NJ]

I guess that means I don't have to scare the bejeebers out of my CSS students with new standards just yet????

[subsystems]

The example that Morestar gave is interesting. Too bad in individual corner examples the upper left corner radius isn't the same as the other 3. I thought is was a glitch until I looked at the source.

I tried the examples on Google Chrome 2 & 3. They need to smooth out the corners like Firefox and Safari did. They look bad and pixelated. Too bad too, I had such high hopes for Google. They need to do an update to clean it up.

Why doesn't it surprise me that no IE version supports rounded corners yet? I consider myself a pro-Microsoft supporter but when they keep just falling short it makes me wonder what is wrong with my head?

ASIDE ALLERT!!
Gotta admit the Reset Internet Explorer Settings button in IE8 is pretty helpful. Worst "feature", finding some trojan fake antivirus junk in a user's PC because they were told to turn off all security in IE to make their specific website function correctly. I have found a few too many systems with "everything" turned off. AV, Firewall, run everything without asking, etc. I would love to see the following... A noob setting that alerts the user that some webpage function was blocked for security reasons yet don't give them the option to enable it on demand. Noobs just allow and enable everything because they don't know if the should or shouldn't. Pretty much defeats the entire purpose for having things set to prompt user and having security in the first place.

These fake AV programs are getting pretty devious. I found 1 that actually installed itself as the Windows AV software. And these undeleteable files are a real pain. Malwarebytes Fileassassin couldn't do anything either because the file permissions had been changed so no account had full control and delete. That reminds me, I need to update my Linux Live CD again.

[andrew-bkk]

Why doesn't it surprise me that no IE version supports rounded corners yet? I consider myself a pro-Microsoft supporter but when they keep just falling short it makes me wonder what is wrong with my head?

Not sure if this is an IE problem -- it seems to me that the CSS3 needed for rounded corners is all proprietary stuff for Mozilla and Webkit browsers.

[alphaomega]

These fake AV programs are getting pretty devious. I found 1 that actually installed itself as the Windows AV software. And these undeleteable files are a real pain. Malwarebytes Fileassassin couldn't do anything either because the file permissions had been changed so no account had full control and delete. That reminds me, I need to update my Linux Live CD again.
I see many users not even having a firewall. It's only with Windowa 7 that firewall is installed and running on Windows OS. Too many do not have the slightest idea what to do and how to set-up firewalls. There is a room for someone to create manual for firewalls, which even a normal non IT person could follow.
This is of topic I know, but it is a very hot subject of immense importance. The web is hostile environment now. Web designers must follow rules of design to minimise use of websites to inseminate them with malicious software. Internet security starts with each website.
So how this fits into CSS3? My guess is that we opening more holes in security for the sake of new features. Only time will tell, how hackers exploit this new media. For now I will be sitting on fence and observing.

[andrew-bkk]

So how this fits into CSS3? My guess is that we opening more holes in security for the sake of new features. Only time will tell, how hackers exploit this new media. For now I will be sitting on fence and observing.

Hackers can't hack rounded corners. Nor can they hack CSS3 drop shadows.

CSS1 and CSS2 are likewise unhackable.

[darren13]

I know it's gonna take a while for users themselves to update their browsers, and to be honest, I must say most of the people I come into contact with only know they use IE, with no clue as to what version it is, or that there are alternative browsers out there. Cross-compatibility issues must cost millions every month around the world for web designers and ultimately their clients. I loved the new recently that Facebook was going to discontinue support for IE 6 (i think?)

I gotta say, I love the idea of using rounded corners, alpha transparency and the like right from within CSS for my websites. Let's be honest, even if you are very familiar with creating 3 column layouts in CSS/xhtml - it's not the prettiest or cleanest looking code. Now I'm no CSS guru, but it just doesn't feel like it adheres to the ideology of separating content and layout. It feels more like you're hacking the code about to get your design to work.

Anything that improves the ease of use and functionality for web designers will be good for them and their clients.

It's just that old cross-compatibility thing that won't go away....

[dmwcons]

If these are great examples of the corner radius options for CSS3 (http://www.css3.info/preview/rounded-border/) I think many of us will be right delighted...no need for tables anymore !!

In my Firefox 3.5.6 on a 1680 x 1050 monitor the corners on the quoted site are not smooth enough to pass muster. A great shame – I was looking forward to this feature.

[ArtphotoasiA]

Let's be honest, even if you are very familiar with creating 3 column layouts in CSS/xhtml - it's not the prettiest or cleanest looking code. Now I'm no CSS guru, but it just doesn't feel like it adheres to the ideology of separating content and layout. It feels more like you're hacking the code about to get your design to work.


basically you right...CSS2 is NOT COMPLETED in my opinion... I hope things will get beter with CSS3 .....

It is essential separate content/text and layout/graphic there is no way around, regretfully CSS2 till now make you really mad to do simple things... so mad sometimes that actually is easier to make a layout with tables....

I personaly make website using 99% CSSqand not tables but I do know that would be easier (but not correct) to go on doing the main layout using tables.

People that are learning from 0 how to make a website will have a lot of difficoulties using CSS instead of table. Try to make a 3 coloums liquid resizable layout and you will understand what I'm talking about :palm:

When in order to center a box you must write margin-right:auto and margin-left:auto it is clear that is the language CSS to be wrong!
When to move boxes you must float here and there DIV using a way that was NOT intended to be used in that way ( actually you are hacking it ) but was intended just for wrap text around images.... yes......... definetely is not CLEAN.

I hope that CSS3 will solve at least some issues and probably it will regarding the layout (i read about some interesting new features regarding make colums etc) but for the graphic stuff like the round corners... who knows how well will render...

[wadeinni]

I'm jumping for joy with these new implementations in CSS3. For years I've toiled away in Photoshop making rounded corners. This process was tedious and not to mention slowed down the page-load time with the extra graphic in tables. My only concern of course is whether it's compatible with all the major browsers. I'm still in the process of cross testing. But I love it, it's been long overdue. it also eliminates the need to create even larger PNG files simply to have smooth transparent corners.