Page 1 of 1 |
|
Posted: Thu, 30th May 2013 01:00 Post subject: Pure CSS Animations |
|
 |
http://pumpaction.prestige-gaming.net/3d/
WebKit only (Opera Next, Chrome, Safari (didn't test it there though)). I guess it'd probably work with FF too, if I could bring myself to add the extra -moz
So this is basically my first shot at CSS only animations. Really neat stuff! Makes one really wonder how much they'll implement in the future
Go go go CSS blending, I need you! 
|
|
Back to top |
|
 |
|
Posted: Sun, 2nd Jun 2013 03:31 Post subject: |
|
 |
fades seem to work with ff
careful with css transitions.. i got tons of leaks when i fiddled with them a year ago
the site just got unusably slow after a while
i just ended up toggling the animation on and off in javascript
|
|
Back to top |
|
 |
|
Posted: Sun, 2nd Jun 2013 04:48 Post subject: |
|
 |
Last edited by Interinactive on Tue, 5th Oct 2021 03:26; edited 1 time in total
|
|
Back to top |
|
 |
|
Posted: Sun, 2nd Jun 2013 11:21 Post subject: |
|
 |
shole wrote: | fades seem to work with ff
careful with css transitions.. i got tons of leaks when i fiddled with them a year ago
the site just got unusably slow after a while
i just ended up toggling the animation on and off in javascript |
Thanks for the feedback
Interinactive wrote: | https://dl.dropboxusercontent.com/u/34687130/ipadad/index.html
Probably won't work well the first time, dropbox is really slow, will need a refresh, it's meant for an app where the assets have already been downloaded |
Looked all smooth on chrome! Are you working on their app? BTW do you do freelance work or are you employed at a webdev company?
|
|
Back to top |
|
 |
|
Posted: Mon, 3rd Jun 2013 05:11 Post subject: |
|
 |
Last edited by Interinactive on Tue, 5th Oct 2021 03:26; edited 1 time in total
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Mon, 3rd Jun 2013 09:29 Post subject: |
|
 |
We've fortunately dropped support for older browsers. IE6 we don't support at all, 7 and 8 only get "functional" support at extra cost to the client. IE9 still isn't capable of all the fancy stuff, but it's not that time consuming to make sure everything works in that
Sometimes we still have to though, like with a Samsung project right now. What's worse that in those cases we often have little to no say in the design. Really fucking annoying, because their designers often provide designs that are fine for a brochure, but suck balls for a website. Had to make this damn site work on IE 6 + 7 + 8 + 9 + 10, Chrome, Safari 5 + 6, Firefox 4.0+, Opera 12...and mobile (Android 2.3 + 4.0+, iOS 5 + 6, WP8) 
|
|
Back to top |
|
 |
|
Posted: Mon, 3rd Jun 2013 10:08 Post subject: |
|
 |
Pretty stuff interinactive! It's always nice to see stuff like that, very inspirational!
@Werelds: So you had to settle for tables and css 1? 
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Mon, 3rd Jun 2013 10:10 Post subject: |
|
 |
Fuck no 
|
|
Back to top |
|
 |
LeoNatan
Banned
Posts: 73193
Location: Ramat Gan, Israel 🇮🇱
|
Posted: Mon, 3rd Jun 2013 20:49 Post subject: |
|
 |
Our portal dudes had to support IE6 until last year Dear lord the shit they had to eat
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Mon, 3rd Jun 2013 21:03 Post subject: |
|
 |
Well sadly, in a lot big companies the tech department is the epitomy of lazy. Rather than moving on from that slow, insecure, buggy piece of shit that is IE6/7, they'd rather sit there and pick their noses all day long.
Dell, Vogue, Samsung, Kipling, MSI, Chanel - all of them still not only allow IE6/7 but even have them as default. Fuck them all I say
Although I must say, Samsung and MSI listened and moved on from them internally. For Samsung we still need to support it because they think the rest of the world still uses it (but they're paying so who cares ).
Edit: there's more nonsense like that in the world though. There are banks out there which still use Java for their online banking 
|
|
Back to top |
|
 |
|
Posted: Mon, 17th Jun 2013 02:28 Post subject: |
|
 |
Last edited by Interinactive on Tue, 5th Oct 2021 03:22; edited 1 time in total
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Mon, 17th Jun 2013 09:16 Post subject: |
|
 |
You're using jQuery. JQ does that for you.
As for CSS: use LESS or SASS and write a mixin to do that for you.
|
|
Back to top |
|
 |
|
Posted: Tue, 18th Jun 2013 00:49 Post subject: |
|
 |
Last edited by Interinactive on Tue, 5th Oct 2021 03:22; edited 1 time in total
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Tue, 18th Jun 2013 08:59 Post subject: |
|
 |
jQuery takes care of all the vendor prefixes
And what do you have against LESS/SASS? They're the greatest thing for CSS in a long time.
|
|
Back to top |
|
 |
[mrt]
[Admin] Code Monkey
Posts: 1338
|
Posted: Sat, 22nd Jun 2013 14:46 Post subject: |
|
 |
Good stuff.
CSS can be nifty. And I thought we were doomed after Flash started limping. Although browser support and adaptation time is still questionable in comparison. Flash at least had a run-time independent of browsers that you could rely on.
I hope things work out sooner than later.
teey
|
|
Back to top |
|
 |
|
Posted: Thu, 4th Jul 2013 01:05 Post subject: |
|
 |
Last edited by Interinactive on Tue, 5th Oct 2021 03:19; edited 1 time in total
|
|
Back to top |
|
 |
|
Posted: Thu, 4th Jul 2013 01:36 Post subject: |
|
 |
Looks nice and smooth on webkit 
|
|
Back to top |
|
 |
|
Posted: Sun, 7th Jul 2013 22:08 Post subject: |
|
 |
I guess there is no way for css3 transform: scale to not blur upscaled entities? (I'd like to have linear filtering)
|
|
Back to top |
|
 |
Page 1 of 1 |
All times are GMT + 1 Hour |