128 reputation
4
bio website renestalder.me
location Switzerland
age 26
visits member for 2 years, 6 months
seen Oct 7 at 20:00

I've started building web sites with 13 years instead of trying to get a girl. I look back at 9 years of experience in Front-end Development now. My prefered tools are Photoshop, HTML5 and CSS3.

Thanks to my job as Software Developer I'm the perfect guy working between the graphic designer and the programmer. I'm also used acting as a graphic designer for small jobs but I'm able to support a team of programmers too.


May
23
comment Wrong use of CSS3 Animations or not?
@Shauna Look at Google's The Story Of Send. Take a look at the moving Mail icon. It is a moving div and in addition the image itself is animated by changing background-image position. google.com/green/storyofsend/desktop What do you think is wrong with my animation if you're looking at Google's example?
May
23
comment Wrong use of CSS3 Animations or not?
@MainMa Look at Google's The Story Of Send. Take a look at the moving Mail icon. It is a moving div and in addition the image itself is animated by changing background-image position. google.com/green/storyofsend/desktop What do you think is wrong with my animation if you're looking at Google's example?
May
23
comment Wrong use of CSS3 Animations or not?
Look at Google's The Story Of Send. Take a look at the moving Mail icon. It is a moving div and in addition the image itself is animated by changing background-image position. google.com/green/storyofsend/desktop What do you think is wrong with my animation if you're looking at Google's example?
May
11
comment Wrong use of CSS3 Animations or not?
I like your answer because I think this should be the primary answer using things the wrong way. Also in real world. There are so many rules and we stuck in thinking out of the box because of these rules. And as long we have the knowledge of the consequences for the end user using stuff the wrong way we can do things "semantically" wrong. It's the same with the W3C validations. Microsoft has tons of errors, but their site work perfectly on all browsers. What Shauna have wrote is also correct but at the end it have to work. Doing it primarily "right" makes it easier.
May
11
comment Wrong use of CSS3 Animations or not?
Thank you. That was a good, detailed description of what I wanted to read. Good examples. (and sorry for the mistakes in my texts)
May
11
awarded  Scholar
May
11
accepted Wrong use of CSS3 Animations or not?
May
11
comment Wrong use of CSS3 Animations or not?
MainMa, Shauna, thanks a lot for your good answers. I marked zzzzBov answer as the best because it has more details about pro/cons and problems doing animations like mine. But your answer is also correct of course.
May
10
comment Wrong use of CSS3 Animations or not?
For me, this is the best answer. It's the exact explanation of what's wrong with my animation and how CSS3 Animations should be used exactly, with good examples. One thing I don't fully agree: Semantics. I think, as long things are accessible, usable in the most major browsers (or your target group) semantics shouldn't be primary. Look at all the frameworks using non semantic class or id names. Ok, people used tables for creating layouts, it's not nice but it worked. Maybe selfish, but what are the aftermath of wrong semantics with this animation for the enduser?
May
9
comment Wrong use of CSS3 Animations or not?
Thank you. The concept/idea belongs to this video: vimeo.com/41336551 I've just tried to made a part of it with CSS3 in Adobe Edge. So the glory belongs to the video creator.
May
9
comment Wrong use of CSS3 Animations or not?
Good answer. So in fact, Adobe Edge does only have tools for creating divs and text. For that reason, thats the only thing you can animate with it. In reality of course you'll ever animate a html element such a div or a h1 with CSS3 animations. And it's possible to do more than just let a modal appear or a datarow disappear. And I think it's easier to use than canvas. What do you think, where is the limit we should switch from CSS3 Animations to HTML5/Canvas? Tutorials are full of stuff moving around divs and such things, so what is CSS3 Animation really for?
May
9
awarded  Supporter
May
9
awarded  Student
May
8
awarded  Autobiographer
May
8
asked Wrong use of CSS3 Animations or not?