With "Fullpage.js" you can use the Javasript language to design your own scrollable one-page website. Its usually remarkable seeing what you can do on some of those sites eg visit this BBC PAGE

What Will I Learn?

• You will learn How To Install The Fullpage Plugin On your browser
• You will learn How To Initialize It With The Appropriate Command
• You will learn How To Upload Your Content including, writeups, pictures, audio, video etcz
• You will learn how to edit the already made Fullpage.js specs to fit with the design you need
• You will learn How To Preview The Work You Have Done So Far
• Finally, You will learn How To Make it go live!

Requirements

To watch this video and learn much you need the following

• An internet-enabled device prefarably a Laptop
• Owning a website domain
• A basic understanding of HTML, CSS, Node.Js coding language
• A modern browser like Chrome, Firefox or Internet Explorer version 10+
• Owning a Project concept you will like to design

Difficulty

• Advanced

Description

• Fullpage.js allows you to easily create a onepage scrollable website. Scrollable in this sense suggests awesome navigation paradigms, vertical and horizontal scrolling, links, extensions, autoplays and so many other cool features.

• Things You Can Do With Fullpage.js

Creating links to sections or slides
Creating smaller or bigger sections
State classes added by fullpage.js
Lazy loading
Autoplay embedded media
Use extensions

• SEE EXAMPLES & DEMO

Live Demo
Wordpress Theme
Full Wordpress Extensions

• HOW TO USE DOCSIFY
  • 1- Install plugin on your browser
  • 2- Initialize with the jQuery library. (1.6.0 minimum), The JavaScript file jquery.fullPage.js and The css file jquery.fullPage.css
  • 3- Or Install using bower or npm
  • 4- Use the required HTML Structure shown here HTML DOCTYPE
  • 5- Initialize
  • 6- Create Link To Sections, Slides, and other Preferential Settings
  • 7- For More details visit FullPage.js

WATCH VIDEO TUTORIAL

---

VIDEO DETAILS:

• Production: Made with my Tecno Winpro II Tablet
• Narration: In My Voice
• Hosting: Youtube
• Length: 20+mins
• Language: English
• Subtitle: YES

---

Thanks for watching! Feel free to ask your questions below. Cheers!

---

Curriculum

This is one of my #OpenSourceInfoSeries. You can watch other works I have done in the past below:

• How To Use "Docsify" To AutoCreate Documentation Website For Your Projects
• How To Use "Countly" Data Analytics For Website/App Owners
• How To Use "Steem Projects" For More Visibility
• How To Check Your Steemit Rewards
• How To PowerUp/Power Down On Steemit
• How To Use "Steem Accounts" To Create Instant Steemit Accounts

---

Posted on Utopian.io - Rewarding Open Source Contributors

---