diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/custom-scroll.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/custom-scroll.png new file mode 100644 index 00000000..569fbbd2 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/custom-scroll.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/infinite-scroll-image.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/infinite-scroll-image.png new file mode 100644 index 00000000..21190d71 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/infinite-scroll-image.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/one-page-scroll.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/one-page-scroll.png new file mode 100644 index 00000000..8d841938 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/one-page-scroll.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-magic.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-magic.png new file mode 100644 index 00000000..4d422e71 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-magic.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-reveal.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-reveal.png new file mode 100644 index 00000000..09141eb4 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-reveal.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scrollability.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scrollability.png new file mode 100644 index 00000000..f6386c85 Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scrollability.png differ diff --git a/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/waypoints.png b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/waypoints.png new file mode 100644 index 00000000..d8e46ecd Binary files /dev/null and b/source/assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/waypoints.png differ diff --git a/source/posts/2014-09-17-js_plugins_for_scroll_pages.md b/source/posts/2014-09-17-js_plugins_for_scroll_pages.md index 742c601d..85073f2b 100644 --- a/source/posts/2014-09-17-js_plugins_for_scroll_pages.md +++ b/source/posts/2014-09-17-js_plugins_for_scroll_pages.md @@ -5,4 +5,66 @@ author: leylakapi tags: js, scroll, parallax, libraries, plugins, page, entertainment, animations --- +Javascript scroll page plugins provide to like, + +- scroll +- parallax +- animations +- rotations +- drawing line or arcs ...etc + +we can use this properties for our pages for entertainment pages. +Let' s examine js plugins , + +1- [infinite-scroll](http://www.infinite-scroll.com/) + +- `Infinite-scroll` provide to unpaginate and endless pages for web pages +- For detail on [GitHub page](https://github.com/paulirish/infinite-scroll) + +![infinite-scroll](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/infinite-scroll-image.png) + +2- [One-page scroll](http://www.thepetedesign.com/demos/onepage_scroll_demo.html) + +- Provide scroll page with parallax on one page. +- You can create game or entertainment page with this plugins +- For detail on [GitHub page](https://github.com/peachananr/onepage-scroll) + +![one-page-scroll](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/one-page-scroll.png) + +3- [Scroll Magic](http://janpaepke.github.io/ScrollMagic/) + +- Provide animation for all things (text, image, video ...etc) +- Also synchronize an animation, infinitely scrolling page. +- For detail on [GitHub page](https://github.com/janpaepke/ScrollMagic) + +![scroll-magic](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-magic.png) + +4- [Custom content scroller](http://manos.malihu.gr/jquery-custom-content-scroller/) + +- High customizable custom scrollbar +- Features include vertical, horizontal, scrolling, drawing ...etc +- For detail on [GitHub page](https://github.com/malihu/malihu-custom-scrollbar-plugin) + +![custom-scroll](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/custom-scroll.png) + +5- [Scrollability](http://joehewitt.github.io/scrollability/) + +- Provide scrolling for mobile devices . +- For detail on [GitHub page](https://github.com/joehewitt/scrollability) + +![scrollability](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scrollability.png) + +6- [WayPoints](http://imakewebthings.com/jquery-waypoints/) + +- Provide to status of webpage like horizontal or vertical for one page or multiple pages +- For detail on [GitHub page](https://github.com/imakewebthings/jquery-waypoints) + +![waypoints](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/waypoints.png) + +7- [Scroll Reveal](http://scrollrevealjs.org/) + +- Provide to scroll animation for page +- For detail on [GitHub page](https://github.com/julianlloyd/scrollReveal.js) + +![scroll-reveal](../assets/images/articles/2014-09-17-js_plugins_for_scroll_pages/scroll-reveal.png)