This is an entire collection of webpages and js functionalities (mainly consiting .html, .css and, .js files only).
This is written entirely using vanilla javascript without using any external libraries.
The entire collection can be found on this link on codepen.io
Each one below is a link to the codepen or the file
- Drum Beat
- Clocking
- Interactive Slider Change
- ArrayFun 1
- Flex Panel Gallery
- AJAX Filter
- ArrayFun 2
- Canvas Draw
- Console Tricks
- Checking Box
- Custom Video Play
- Detection Key Sequence
- Scroll Effect
- Reference & Copy
- Storing Locally
- Text Shadow Mouse Move Effect
- Sort Ignore
- Total Time Calculated
- CamBooth
- Word Lister
- Navigator Geolocation
- LinkTrace
- Voice Bud
- Navigation Bar
- Event Listener
- Popup Menu Follow
- ScrollDrag
- UI Video Play
- Custom Countdown
- Smack a Rabbit
Open 15 locally. LocalStorage might not be possible on codepen Server is required for 19, 20 I recommend you to open these links in a desktop or laptop and not a mobile device.
Although the entire collection can be found on codepen, you may still want to try it on your local machine or take it for development purposes.
Once you have the above requirements installed, you may now:
- Open the folder where you want this collection.
- Open your terminal in this folder
- Now type or just copy the below
git clone https://github.com/uinstinct/powerJS.git
cd powerJS
code .
Note - Please change code . to your preferred editor
There are some projects like CamBooth which require a server for secure origin. (You cannot simply allow webcam to run on file)
For this, I suggest you to install serve which is an npm package for serving local files.
You can do this simply by opening up your terminal and running :
npm install -g serve
In the project, where a server is required, just run serve in your terminal.
By default, the page will be served on localhost:5000.
If you liked my collection, you may give this repository a star by clicking above.