I want to make a JavaScript transition that is similar to the one on this website:
http://osc4.template-help.com/wt_32608/index.html#.
Could you please give me some suggestions and show me some libraries that would make it easier
to implement?
Thank you!
I think that you meant "library" rather than "literary".
It looks like this site is using jQuery along with some custom code, although such an effect could be achieved in pure CSS3 (at the cost of some cross browser compatibility).
Related
I dont know how to do this effect
http://www.putput.dk/
I want to do exactly same that I am showing in the image
If you open the dev console We built this site with the help of Manipulator, an extremely flexible and performance optimised JavaScript library. Check out parentnode.dk if you want to know more.
Check out http://parentnode.dk/ for their Manipulator javascript library. It might be what you're looking for. It's unclear from your question which effect you're looking for. Perhaps if you describe the part you're referencing it may help.
I'm trying to find a way to replace the flash animaton on this page http://www.autopulsen.se/ into jQuery. I could cut the images out and rotate them with javascript but it would require major changes in code. Basically I want to keep the same look without flash.
Is this possible?
Yes, you can.
Your starting point would be having a look at this site, there are a lot of zoom plugins on there, which is the main feature of that flash menu. Then you would want to chain the JQuery Shake effect, and maybe look at the fade effect.
To achieve the slanted look you will want to use the skew css selector as featured here.
I'll throw in GreenSock Animation Platform:
www.greensock.com/gsap-js
which may be worth a look, especially if there's the option of paying for a commercial license, as that includes a pretty nifty throwProps plugin.
you can use CSS3 animation but this one i think so good and hard to built in css3
anyway
giving you some animation generator
ceaser
CSS3animationGenrator
Css3Maker
and this one for Inspiration
At DesignShack
I´m currently developing my first jQuery Plugin. It´s called Fraction Slider and is a Slideshow-Framwork which allows you to animate unlimited elements (with different animations, delay, etc) per slide.
Here you can find a small demo, and also the documentation:
Demo
It´s also hosted in the jQuery Plugin repository
So, introduction is over ;)
Now i have a few question:
The general code. What could i improve, what should be replaced, etc.
As you can see, when us different animations, delays, speeds etc. the html tag for each element will have an awfully lot of data-... attributes. I would like to make that a bit more easy and maybe with less markup (damn, i dont know how to say this in english).
How could i do that - any ideas or suggestions?
What should i add to the plugin? I was think about pager/controls, fading and simple show/hide effect and maybe making it responsive.
Last but not least: i would be happy to get some general feedback about the plugin and its realization.
Looks like it doesn't support chaining. e.g.
$('.step-slider').fractionSlider().remove();
I'm converting a jQuery-based web application for use on iPad and need to make use of the hardware-accelerated performance of CSS3 animations. I'm already using fadeIn, fadeOut and some positioning animation so ideally I'd like a plugin which overrides these functions to make use of CSS3 without me having to change the core functionality.
I've searched around but can't find anyone that has tackled this problem, so I'm considering writing a plugin myself, but I wanted to make sure someone else hadn't already done it.
Any feedback would be greatly appreciated!
How about checking out http://playground.benbarnett.net/jquery-animate-enhanced/
I am looking for a flash clock online which displays in milliseconds. I need it to be circular style (not digital) and never stop (unless page is refreshed).
Anyone know know any?
Something like this:
http://www.kirupa.com/developer/actionscript/clock.ht
It also provides a nice walk-through of how to build it, so it should be easy to modify if you feel up to it.
You can use Images and CSS3 transform:rotate() for doing this.
You can also use jQuery rotate() for this.
Here is a pretty good flash alternative.
http://active.tutsplus.com/tutorials/actionscript/flash-clock-analo/
It shows not only the coding required, but help with the interface. It also provides a working sample.
Hope this helps.