From f796c25922e11ecc57694571c6db7b809a0d4eaf Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:11:51 -0400 Subject: [PATCH 01/13] Update README.md Fixed a few typos --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 0f4a6df..2899f74 100644 --- a/README.md +++ b/README.md @@ -25,17 +25,17 @@ It works with browsers with CSS3 support and with the ones which don't have it, It is also designed to work on touch devices such as mobile phones or tablets. -## Usage +## Usagea As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects. -### Install using bower: +### Install using bower Optionally, you can install pagePiling.js with bower: Terminal: ```shell bower install pagepiling.js ``` -###Including files: +###Including files ```html @@ -99,7 +99,7 @@ $(document).ready(function() { }); ``` -### Accesing sections +### Accessing sections In order to create links to a certain section, you can use a normal URL link if you are using pagePiling.js with anchor links (using the `anchors` option), then you will be able to use anchor links also to navigate directly to a certain section. For example: http://alvarotrigo.com/pagePiling/#page2 From bffcfa56faa5583600333e4c7b4b0040c37d0f38 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:12:39 -0400 Subject: [PATCH 02/13] Update README.md --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 2899f74..be65bdd 100644 --- a/README.md +++ b/README.md @@ -25,11 +25,11 @@ It works with browsers with CSS3 support and with the ones which don't have it, It is also designed to work on touch devices such as mobile phones or tablets. -## Usagea +## Usage As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects. -### Install using bower -Optionally, you can install pagePiling.js with bower: +### Install using Bower +Optionally, you can install pagePiling.js with Bower: Terminal: ```shell bower install pagepiling.js From 418454059e422d9838e4471bc063d1c99bb590b3 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:14:11 -0400 Subject: [PATCH 03/13] Fixed typo and removed superfluous HTML declaration --- examples/noAnchors.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/noAnchors.html b/examples/noAnchors.html index 392f7a8..846d56b 100644 --- a/examples/noAnchors.html +++ b/examples/noAnchors.html @@ -1,5 +1,5 @@ - + @@ -22,7 +22,7 @@ sectionsColor: ['#bfda00', '#2ebe21', '#2C3E50', '#51bec4'], navigation: { 'position': 'right', - 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Pgae 4'] + 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Page 4'] } }); }); From 7624ab3301bc5e169f475936e3bd854485d27945 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:14:46 -0400 Subject: [PATCH 04/13] Update backgrounds.html --- examples/backgrounds.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/backgrounds.html b/examples/backgrounds.html index bfd3cc9..0eae365 100644 --- a/examples/backgrounds.html +++ b/examples/backgrounds.html @@ -1,5 +1,5 @@ - + From be3d19c38af8ca8da93eec4f50894bfd5f64a317 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:14:58 -0400 Subject: [PATCH 05/13] Update demoPage.html --- examples/demoPage.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/demoPage.html b/examples/demoPage.html index 3697437..5d5aae6 100644 --- a/examples/demoPage.html +++ b/examples/demoPage.html @@ -1,5 +1,5 @@ - + From 1a0f077c1c5562172def9c776976ab7df18049cc Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:15:48 -0400 Subject: [PATCH 06/13] Fixed typos --- examples/horizontalScroll.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/horizontalScroll.html b/examples/horizontalScroll.html index be3c93a..5860e5e 100644 --- a/examples/horizontalScroll.html +++ b/examples/horizontalScroll.html @@ -1,5 +1,5 @@ - + @@ -27,7 +27,7 @@ sectionsColor: ['white', '#ee005a', '#2C3E50', '#39C'], navigation: { 'position': 'right', - 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Pgae 4'] + 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Page 4'] }, afterRender: function(){ $('#pp-nav').addClass('custom'); From 99a432a9270e1146f468409d80ad5a15b48ceda5 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:16:18 -0400 Subject: [PATCH 07/13] Update scrollingSpeed.html --- examples/scrollingSpeed.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/scrollingSpeed.html b/examples/scrollingSpeed.html index 62b96bb..954353e 100644 --- a/examples/scrollingSpeed.html +++ b/examples/scrollingSpeed.html @@ -1,5 +1,5 @@ - + @@ -24,7 +24,7 @@ sectionsColor: ['#bfda00', '#2ebe21', '#2C3E50', '#51bec4'], navigation: { 'position': 'right', - 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Pgae 4'] + 'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Page 4'] } }); }); From af6a8625e9c332e68a1b09eaf343cd0991cc6845 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:26:03 -0400 Subject: [PATCH 08/13] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index be65bdd..8fba32d 100644 --- a/README.md +++ b/README.md @@ -2,18 +2,18 @@ ![preview](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png) ![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif) + + Pile your sections one over another and access them scrolling or by URL! - [Live demo](http://alvarotrigo.com/pagePiling/) - [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/) - [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs) -Invite me to a coffee +#### Buy me a coffee [![Donate](https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=pagePiling%2ejs¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted) -Customizations of the plugin available upon request for some reasonable price. Contact me. - -Would you like to have a website using pilePage.js functionality but you don't know how to use it? I can do it for you for a reasonable price. Contact me. +Want a website with pagePiling.js but you don't know how? Need a custom build? Hire me! ## Introduction Suggestion are more than welcome, not only for feature requests but also for coding style improvements. From 011ceee3ebed27e5605eced79ad70ce55cef6ed1 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:27:37 -0400 Subject: [PATCH 09/13] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8fba32d..e79c37c 100644 --- a/README.md +++ b/README.md @@ -16,14 +16,14 @@ Pile your sections one over another and access them scrolling or by URL! Want a website with pagePiling.js but you don't know how? Need a custom build? Hire me! ## Introduction -Suggestion are more than welcome, not only for feature requests but also for coding style improvements. +Suggestions are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! ## Compatibility pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. -It is also designed to work on touch devices such as mobile phones or tablets. +It is also designed to work on touch devices like smartphones or tablets. ## Usage As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects. From 2e8365093e8930530402690f8ee8ac84505cfff7 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:33:53 -0400 Subject: [PATCH 10/13] Update README.md --- README.md | 28 ++++++++++++---------------- 1 file changed, 12 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index e79c37c..caf414b 100644 --- a/README.md +++ b/README.md @@ -10,11 +10,6 @@ Pile your sections one over another and access them scrolling or by URL! - [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/) - [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs) -#### Buy me a coffee -[![Donate](https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=pagePiling%2ejs¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted) - -Want a website with pagePiling.js but you don't know how? Need a custom build? Hire me! - ## Introduction Suggestions are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! @@ -28,19 +23,19 @@ It is also designed to work on touch devices like smartphones or tablets. ## Usage As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects. -### Install using Bower -Optionally, you can install pagePiling.js with Bower: -Terminal: -```shell -bower install pagepiling.js -``` - ###Including files ```html - - + + +``` + +### Install using Bower +Optionally, you can install pagePiling.js using Bower: +Terminal: +```shell +bower install pagepiling.js ``` ###Required HTML structure @@ -321,11 +316,12 @@ If you want your page to be listed here. Please Hire me! ## License From b6b6349bd107acbae73a3f551cc1577ea3d2b55a Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:47:20 -0400 Subject: [PATCH 11/13] Update README.md --- README.md | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index caf414b..d28c3be 100644 --- a/README.md +++ b/README.md @@ -4,23 +4,23 @@ ![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif) -Pile your sections one over another and access them scrolling or by URL! +Pile your sections one over another and access them by scrolling, via URL, a navigation, or programatically! - [Live demo](http://alvarotrigo.com/pagePiling/) -- [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/) + - [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs) -## Introduction +##Introduction Suggestions are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! -## Compatibility +##Compatibility pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. It is also designed to work on touch devices like smartphones or tablets. -## Usage +##Usage As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects. ###Including files @@ -31,7 +31,7 @@ As you can see in the example files, you will need to include the JavaScript fil ``` -### Install using Bower +###Install using Bower Optionally, you can install pagePiling.js using Bower: Terminal: ```shell @@ -110,7 +110,7 @@ In case you want to have a section with large content and therefore create an sc
``` -## Options +##Options - `verticalCentered`: (default `true`) Vertically centering of the content within sections. @@ -296,9 +296,10 @@ Example: }); ``` -## Resources +##Resources & Tutorials -[CSS Easing Animation Tool - Matthew Lein](http://matthewlein.com/ceaser/) +- [CSS Easing Animation Tool - Matthew Lein](http://matthewlein.com/ceaser/) +- [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/) ## Who is using pagePiling.js From cc889a2ef7dccf639b576a472bd7092194cff9ea Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:47:36 -0400 Subject: [PATCH 12/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d28c3be..8bbb27e 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ Pile your sections one over another and access them by scrolling, via URL, a nav - [Live demo](http://alvarotrigo.com/pagePiling/) -- [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs) +- [Who is using it](#who-is-using-pagepilingjs) ##Introduction Suggestions are more than welcome, not only for feature requests but also for coding style improvements. From 19575b4a7f1fe27491c5a4703e02c21f46fae311 Mon Sep 17 00:00:00 2001 From: TJ Kohli Date: Sat, 23 Apr 2016 16:49:20 -0400 Subject: [PATCH 13/13] Update README.md --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 8bbb27e..327c1e8 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,9 @@ Pile your sections one over another and access them by scrolling, via URL, a navigation, or programatically! -- [Live demo](http://alvarotrigo.com/pagePiling/) - -- [Who is using it](#who-is-using-pagepilingjs) +- **[Live demo](http://alvarotrigo.com/pagePiling/)** +- [Resources and tutorials](#resources--tutorials) +- [Who is using pagePiling.js?](#who-is-using-pagepilingjs) ##Introduction Suggestions are more than welcome, not only for feature requests but also for coding style improvements.