Pure CSS Animations
Page 1 of 1
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: 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 Razz

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 Very Happy

Go go go CSS blending, I need you! Very Happy


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
shole




Posts: 3363

PostPosted: 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
Interinactive
VIP Member



Posts: 29151

PostPosted: 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
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: 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 Smile

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?


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Interinactive
VIP Member



Posts: 29151

PostPosted: 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
PostPosted: 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 Smile

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) Neutral
Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: 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? Cool Face


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Werelds
Special Little Man



Posts: 15098
Location: 0100111001001100
PostPosted: Mon, 3rd Jun 2013 10:10    Post subject:
Back to top
LeoNatan
Banned



Posts: 73193
Location: Ramat Gan, Israel 🇮🇱
PostPosted: 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
PostPosted: 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 Smile

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 Cool Face).


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
Interinactive
VIP Member



Posts: 29151

PostPosted: 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
PostPosted: Mon, 17th Jun 2013 09:16    Post subject:
Interinactive wrote:
Recreated a flash ad in HTML/CSS/jQ

Original: (resize down to size)
https://dl.dropboxusercontent.com/u/34687130/css3ad/ad.swf

HTML:
https://dl.dropboxusercontent.com/u/34687130/css3ad/index.html

Is there any way around having to repeat code for fucking browser prefixes in both CSS + JS? Scratch Head

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
Interinactive
VIP Member



Posts: 29151

PostPosted: 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
PostPosted: Tue, 18th Jun 2013 08:59    Post subject:
jQuery takes care of all the vendor prefixes Wink

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

PostPosted: 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
Interinactive
VIP Member



Posts: 29151

PostPosted: 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
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: Thu, 4th Jul 2013 01:36    Post subject:
Looks nice and smooth on webkit Smile


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: 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)


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Page 1 of 1 All times are GMT + 1 Hour
NFOHump.com Forum Index - Programmers Corner
Signature/Avatar nuking: none (can be changed in your profile)  


Display posts from previous:   

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group