css/jquery responsive effect

lionel.web

Member
Does anybody know, any css/jquery library nice animation in responsive web design?
The thing I try to describe is this:
ok, I make responsive design with css, using styles like, width:auto, float:left, or display:inline-block.
That's ok and is working ok. In some sites i have seen the effect, when changing the screen width, the items are moveing nicely, to their correct place. Not instantly like the simply way.

How can i do this ? Which library do i have to use for this effect ???
Thanks in advance.
 

lionel.web

Member
No chrishirst....There is no memory problem...
The previous post/question is totally different....

The media queries are ok.
I'm asking about some visual/animation effects, while changing resolution/width...
Not for just been there in correct place, while changing width.
 

chrishirst

Well-Known Member
Staff member
But it isn't "different".

media queries cover EVERYTHING about viewing a screen capabilities, but YOU as the developer decide how to handle the "animation" and "effects" according to the viewing capabilities being offered.

Media-queries are nothing new, a few years ago developers (myself included) used javascript to 'query' the user agent for it's viewing capabilities and adjust the parameters of 'critical' items. The not so clued up ones had;

"Best viewed in Internet Explorer at 1024 x 768" emblazoned across the bottom of every document.


YOU are in control, CSS in 'modern' browsers provides the TOOLS, but not the solutions. Only YOU know what the final result should be, so have to decide on what is the best course of action.
 

ronaldroe

Super Moderator
Staff member
If I understand your question correctly, what you'll want to do is use percentage distances as opposed to pixel-based ones. That, or use JS to calculate the distance before the animation fires. Give a more specific example, and I can help you a little better.
 
Top