How I can do this effect? css jquery - javascript

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.

Related

Am I compelled to put everything on one single page when adding a scroll effect?

I'm kinda stuck. I have to create a portfolio and I have to mostly use html5 and css3, with a bit of js, jquery and stuff if I really want to. I'm not very good at web development but I still wanted to experiment and do a professional and nice site. The thing is, implementing a simple scroll effect on your whole website seems to force you to write the html code on one single index. Does anyone know if this is really the case? Are there other solutions?
Thanks in advance. I know that it is not the smartest question but I'm really not good at it, so sorry in advance. Bye!
(I didn't really try anything yet except from the classic class "scroll-container", which is my main problem : I still want to have several html pages to separate things so that it is clear in my mind. Putting everything on a single webpage will definitely lose me)
use an external library or plugin, such as fullPage.js or Scrollify, which can enable a scroll effect across multiple pages.

Finding and trying to understand the technology used behind the scene

Sorry if the question is a bit out of place but don't know any better since i'm a complete beginner.
What i'm trying to say is let's take for example this site
https://exp-ion.lusion.co/
I am trying to "decode" what libraries and technologies are used behind the scene so i can learn more about them and try to replicate the same effects.
Is it in any way possible to get "hints" on how things are done?
Tried looking up the source code, tried inspecting various elements. I get that the scene is done using threejs library. What about the scroll ladder? What about the text?
Thank you in advance for any tips and tricks.
You can try Wappalyzer, they have a browser extension you can install that let's you see most of the technologies used in a site.

How could this jQuery slider be optimised ? (Slow, laggy)

I have written a Javascript/jQuery script. Its purpose is to serve as a responsive background image slider.
It is viewable here:
http://new.upserver.co.uk/rbis/
My question is this;
While the code functions correctly, it can be slow/laggy. Especially when additional animation related plugins appear on the same page (i.e. nivoslider).
I have seen many similar sliders that handle chunky images perform effortlessly and am concerned and wondering how this code could be optimised to perform better? the javascript in question is located in file http://new.upserver.co.uk/rbis/rbis.js
Many thanks for all suggestions.
Regards
jQuery animate is rarely the right tool for providing animation. Take a look at this rather contrived example I produced recently: http://css3.bradshawenterprises.com/demos/speed.php.
I would recommend using CSS transitions in normal browsers, and only using the old way of doing it using javascript in old browsers.
A good way to do that is to use something like http://playground.benbarnett.net/jquery-animate-enhanced/, though I have had some issues with that, and instead use my own methods of doing it.

Circular timer/clock in milliseconds

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.

how to make a JavaScript transition

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

Categories

Resources