Monday, June 25th, 2007

Safari 3 and CSS 3

Category: Articles, CSS, WebKit

Leland Scott has detailed how well Safari 3 has done with respect to CSS support:

Safari 3 / WebKit has implemented 18 of the 19 CSS 3.0 styles so far tackled by any of the major browsers. Firefox is next with 9 of 19. Some of these styles are incredibly cool and powerful, and they’ll change the way designers (both graphic designers and UI designers) put web content together for years to come. I wanted to raise the profile for this work, since it doesn’t seem to be getting enough attention. Even though IE 7.0 hasn’t implemented any of these yet, I hope Web 2.0 programmer/designers will feel empowered to start trying these out.

He is particularly excited about:

  1. Box-shadow: Yes! Add drop shadows through CSS!
  2. Multi-column layout: Can we really do this now? With HTML?
  3. Resize: Give JavaScript hacks a rest and let users relax when typing input on web pages.
  4. Rounded corners: Any
    can be made round.
  5. Colors with transparency: There goes another ugly hack from way back!
  6. Background image controls: Remember how great it was when you could add images as well as colors to an element’s background CSS style? Well, it’s about to get a whole lot better!

Considering the call out for a CSS 5-like effort, can we get the ball moving again?

Posted by Dion Almaer at 9:11 am
8 Comments

+++--
3.9 rating from 36 votes

8 Comments »

Comments feed TrackBack URI

This link works a tad better
http://www.musingsfrommars.org/2007/06/safari-30-blazes-trail-for-css-30.html

Comment by name — June 25, 2007

This is great. It would be nice if Firefox supported CSS as well as Safari. …I’d say the same about IE, but I hold out legitimate hope for Firefox.

Comment by Mark Holton — June 25, 2007

it will be cool when they drop the UA specific prefixes. im so sick of ‘no such property -webkit-border-radius’ filling up firebug’s console scrolling off the more pertinent messages, and vice versa..

Comment by carmen — June 25, 2007

Too bad Safari for Windows works very bad. The first preview they released only worked with the Apple site itself. The second one I saw (yesterday) didn’t even start and crashed when clicked.

Comment by Ivo Limmen — June 26, 2007

The Safari browser for Windows is the worst crap in the world. Reminds me of Netscape 4.x with its awful interface and slow displaying of pages. Please Jobs get a clue, your crap is like Microsoft ‘ME’.

Comment by Patrick Whittingham — June 26, 2007

Safari for Windows works fine for me. Just because it’s “skinned” to look like a Mac application is no reason to call it crap. The pages do display a bit slower from casual tests, but none of the sites I’ve tested it on have crashed while browsing it, and they’ve all rendered fine as well.

Comment by Mike Ritchie — June 26, 2007

Safari is slow? I have not had an issue at all with it being slow. In fact it’s really fast and crashes less than IE7. Maybe some of you need to update your Safari. It’s already been updated 3 times now and updates via the Apple Software Update tool. I’ve been using it almost exclusively as my primary browser at work since it was announced on WWDC. It’s crashed occasionally but aside from that it renders fast and great. Good luck!

Comment by Jim Jeffers — June 27, 2007

Safari is slow? I have not had an issue at all with it being slow. In fact it’s really fast and crashes less than IE7. Maybe some of you need to update your Safari. It’s already been updated 3 times now and updates via the Apple Software Update tool. I’ve been using it almost exclusively as my primary browser at work since it was announced on WWDC. It’s crashed occasionally but aside from that it renders fast and great. Good luck!

Comment by newkon — June 30, 2007

Leave a comment

You must be logged in to post a comment.