Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash?

Scooby_Doo said:
If Apple implements this into official Safari builds, as it seems to have done with the iPhone, how is this any different from the Netscape vs. IE feature wars of old?

Isn't this going to hurt the industry if Apple puts it in official builds before it has been declared official by any standard specification?
Click to expand...

No it's much more different approach. This is innovation.
WebKit team introduce new features to webkit and extends css, however they document every feature and propose them to standardization. Plus all the code is open source in a permissive license.
So everyone can reimplement those extensions in our code, mozilla for example...if they want "tomorrow" firefox can have same css effects as WebKit have.
As I said this is innovation. :D
 
Scooby_Doo said:
Isn't this going to hurt the industry if Apple puts it in official builds before it has been declared official by any standard specification?
Click to expand...

I see this as another "flavor" of web design, and that's not a bad thing. Currently if you don't have the latest Flash plug-in, you can't view a lot of content regardless of your browser and system. How different is that from having a browser that doesn't handle the latest CSS scripting? Simply update your browser (unless you're clinging to IE) and you're good to go. I can see Firefox and Opera implementing this. Then Flash would be needed less. But even so, I don't think it will disappear that quickly. There's simply too much Flash content out there. But if the CSS scripting catches on, I could see Flash becoming obsolete in about a decade. And that wouldn't be a bad thing. :)
 
I presume the functions exposed via CSS Animation are actually a subset of the functions available in Core Animation?

Things like scale, rotate, translate, keyframing ...

Thus not only can Safari support them rapidly, but the functions could also be accelerated by the GPU if Core Animation can do that.
 
Animation, flashing, blinking, page sounds ruin the web. They are distracting from real content and used as a substitute for quality design.

I hope that Apple provide preferences for turning off this sort of junk in Safari on both the Macintosh and iPhone/iPod.
 
so safari on ipone etc is not the same as that of on mac or pc? Yet were lead to believe its the net on a phone. What a load of waffle even my nokia dose flash for Christ sakes. Apple is really far behind on what we use on the net. Never used an iPhone nore touched one but seems rather pathetic to me that they claim its the net.
 
Sky Blue said:
Those links work for me already in Safari 10.5.6
Click to expand...

Right. That's because CSS will gracefully fail if your browser doesn't support a feature. You see a red box for the "bounce" style... but it isn't actually bouncing. If you use a browser that supports the bounce style, then you'll see it move around.

CSS is pretty amazing.
 
pubwvj said:
Animation, flashing, blinking, page sounds ruin the web. They are distracting from real content and used as a substitute for quality design.
Click to expand...
Agreed. It's like we're going back in time to surf Geocities and Tripod websites. I was glad when we moved on from that... ):
 
pubwvj said:
Animation, flashing, blinking, page sounds ruin the web. They are distracting from real content and used as a substitute for quality design.

I hope that Apple provide preferences for turning off this sort of junk in Safari on both the Macintosh and iPhone/iPod.
Click to expand...

I can see how the CSS Effects like gradients and the like will be very handly, as simple things like this can save a lot of graphics.

If CSS Animation can be used in such a way that the animation is triggered when something becomes visible or before it is made invisible, we could have some interesting user-action driven animation effects that aren't too intrusive. And which will be very easy to write up in the CSS, rather than having to hit Javascript.

I think the examples given are simple for the sake of legibility, not as examples of intended use.
 
Obviously the 3 links are dimos. The falling leaves looks great, and I'm sure that when more people use CSS and create some nice animations with it we will forget about the other 2 dimo boxes. Seeing this on the iPhone does bring a welcome addition that's been a long time awaited. I really hope that more sites use this in the future.
 
wheezy said:
I wish M$ would just put Gecko or WebKit into IE as the rendering engine and then force an update. Why we're still fettered by IE6 is just beyond me...
Click to expand...
IE6? My logs show a few folks who are still on 5.5 or even 5. While I stopped caring about these people since IE7 came out, IE6 is still hanging in there. There's a few rendering bugs you have to work around but c'mon... it's not the hell some people make it out to be.

You know MS people—they want to do their own thing. Microsoft would never adopt WebKit or Gecko... but I think Opera might be a good fit for them. MS is too proud to beg or ask for help. Have you seen the MSDN blog? What a bunch of zealots who cling to their VBScript and conditional tags for older browsers.

It's too bad Microsoft tow the corporate line and break just enough of the standard so companies who are tied into their products refuse to upgrade. Even IT guys I know refuse to upgrade to IE 7 because it's not been tested enough or it's huge hassle to roll it out to the hundreds of desktops they need to support (or are just plain lazy). That's certainly not helping the problem.
 
Wow, neat stuff, just tried it on my iPhone. I'm not a fan of the Pulse one, but the leaves rock. :)
 
All flash, or no flash

Flash's biggest fans are the developers, they are a big force in convincing clients to go for a flash based platform. Developers love the platform because it saves them time and things look the same across the board. I don't think anyone will argue that getting stuff done in flash is less programmy then AJAX.

Flash Lite has never really caught on well because it won't play everything and might not just work. Your flash website might or might not work on a flash powered Nokia phone. Plus, your site might become a slide show with very low FPS on phone units. Flash needs to work on the phone like it does on the desktop.

Therefore, I believe that Apple is attempting flash correctly on the iPhone. They are going for a player that is current with the web player. And since they might be attempting a full-fledged player delays and performance problems might be occurring.

... and they might not be able to do it with a 400mhz iPhone CPU.... flash is a anti-aliased vector based animation beast....

If you would like to experience this, visit a heavy flash site and observe your CPU meter on your desktop/laptop...
 
i agree with the previous poster. flash takes up a lot of resources that phones, and other small mobile web browsers dont have (such as iPhone and PSP, even very old computers). i loaded up the demo's on my iPhone and they were very quick to load and looked quite good, especially the leaves on.

if anyone hasnt seen them i took a video and uploaded them here (leaves) and here (moving square).

they loaded very quickly on the iPhone and hope that this css gets put into the CSS standards or whatever its called. im not a big fan of flash, and even though JavaScript animation isnt too hard, it is limited compared to Flash. I guess this css animation will not reach anywhere near Flash's capabilities, but it does mean that less and less adverts on the net will use Flash which i think is an upside. Flash use be used when needed, for example media (YouTube) and games, but not for stupid sites that could easily be done better in HTML with CSS.
 
kastenbrust said:
so rather than fix flash lets add something else to the mix....great.
Click to expand...

Flash is beyond fixing. Not only is it overly bloated, but by Adobe's own admission, it's too heavily dependent on the x86 architecture and doesn't work well on platforms other than Windows. Oh, and it's a proprietary technology, meaning Adobe can basically kick web browsing functionality out of your OS/Browser at a whim. That's what Microsoft did to Netscape.

Doing this in CSS markup means it's open for implementations on any platform, by anybody, and can be tweaked for each OS/Browser by the people who made it, not when Adobe feel like it.
 
Anything and everything to make Flash go away permanently.

CSS blows it away. And it has since before the first iPhone.

No one should ever be talking about "when will Flash be on the iPhone,", but rather "When will Flash finally die its long overdue death and make way for lighter better web standards?"

Screw Flash and the horse it rode in on.
 
Scooby_Doo said:
I haven't been following the HTML5 and CSS3 specifications too closely.

If Apple implements this into official Safari builds, as it seems to have done with the iPhone, how is this any different from the Netscape vs. IE feature wars of old?

Isn't this going to hurt the industry if Apple puts it in official builds before it has been declared official by any standard specification?
Click to expand...

Because this isn't just going in to Safari - it's going in to Chrome Desktop, Android Chrome, Symbian, and the Palm Pre (whose interface is HTML based, and rendered by WebKit and hence will benefit directly from animation support). Assuming they update their versions of WebKit, that is.
 
7egend said:
Flash is a thing of the past, people who have disabilities like to be able to view websites and websites composed entirely of flash are nearly impossible for them to navigate. By using CSS it allows them to view the site, and have descriptions of what is going on through their text reader etc.

Not to mention with bandwidth caps becoming rampant, I think we will see flash fade away and CSS will provided for a cleaner and better user experience in the long run.
Click to expand...

you couldn't possible be more wrong...

treat yourself to some education and google "SWFAddress", and you might want to also google "SWFObject" before you consider another false argument like "flash site's have an inherent disability to be crawled by search bots"...

CSS animation is suitable for fading and scrolling, the end... everything else is jagged and ugly.

finally, you can get a whole lot of complex animation out of a .swf that has very little load time (under 200k), and that's without compression...
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back