Can you give me an idea how to create the scrolling effect of this website:
http://eee.asus.com/eeepad/transformer-prime/features/
Is this created using javascript, HTML5 and CSS3? How?
I'm reading the view source right now.
Thanks
It's easiest to use a plugin like Scrollorama to achieve these parallax effects.
Related
I'm trying to figure out how to have fixed scrolling in a webpage like what's used here: http://manifeste.hermes.com/en_WW/?
It looks like when you scroll it automatically smooth scrolls to the next div. I assume there's some JavaScript involved, but it's beyond my knowledge how to do this.
Can anyone show me how this is done?
You can use this nice, lightweight javascript plugin alvarotrigo fullPage.js
they have a nice explanation and examples on the github page.
fullPage.js Demo
I've been trying to figure out how to create a sticky scroll effect on two images, basically like this: http://www.nationalgeographic.com/americannile/
(scroll down to see you will see the four images with sticky scroll effect)
I have tried some jQuery plug-ins but still couldn't figure out how to create the effect I wanted.
Any help would be greatly appreciated, or just a point in the right direction.
Many thanks
What You want to do is apply some actions when document scroll position changes. Since You are using jQuery, there is plugin exactly for this functionality called ScrollMagic, and here are the demos.
The link you posted uses the scrollr library:
https://github.com/Prinzhorn/skrollr
I've also used this library and I just can recommend it to you. It is really easy to use, for basic animations you don't need any javascript, everything is done via data- attributes.
It even supports mobile devices to some extend.
i am looking for simplest any cleanest way to display content or blocks of content on my site when scrolled down to it. i mean that i would rather not use any frameworks as are jquery or bootstrap.
i would like to achieve something like is seen on these sites:
http://demo.joomla51.com/?theme=Cashmere
http://www.dropingood.com
what would you recommend me how can i achieve that? i am quite familiar with html5, css3 and javascript.
thanks
Parallax Scrolling is what you're looking for. How Nike Did it.
Using existing plugins can help you achieve your desired effect while keeping a low overhead. Here are some examples:
WOW.js
Superscrollorama
Scroll Magic
Skrollr (Open Source)
others...
You can also see previous question like so: Parallax Scrolling # SO
Quick Google searches are your friend!
I want to make something like this:
http://www.minecraftforge.net/forum/index.php
can you hover the menu? it's sliding some shadow on hover, how do I do this? is that JS? if yes, is there a tutorial for it? or is it possible to make it with CSS3?
thanks!
I think this is the plugin: jQuery lavalamp.
I'm think this can't be achieved only with CSS. You can use css3 and some transitions but i think it would require at least some minimal javascript.
Has anyone ever heard of a jQuery slider that is responsive and allows images with different widths?
Thanks
unoslider.heroku.com is the best responsive slider I've seen recently
http://docs.jquery.com/UI/Slider
use your own images
Sure you can use the original Slider that comes with JQuery as #cpjolicoeur mentioned above.
You may also try these following:
Responsive Image Gallery with Thumbnail Carousel
Blueberry
I have used FlexSlider on many responsive websites. But dont know why their site is down. But still you can keep that in your list.
Thanks
Shajed Evan
One good jQuery plugin that has been around for a while is CarouFredsel (yes, with Fred in the middle). Here is the link:
http://caroufredsel.frebsite.nl/
They have nice demos for responsive/fluid carousels:
http://caroufredsel.frebsite.nl/examples/responsive-carousels.php
Here is an example
http://jsfiddle.net/y2CeN/
Here also in carousel
http://jquery.malsup.com/cycle2/demo/carousel.php
Both cycle2 using jquery
Liquid Slider is one that I made. Email me if you have any questions about it. It's pretty powerful, yet simple and to the point. I have been making tutorials for it as well.
You want one of these:
http://bxslider.com/ BXSlider
http://unslider.com/ UnSlider