Collection of front-end projects developed in pure JS, HTML, and CSS without any third-party libs and packages
Notes:
There are 9 developed projects that you can review now.
In this project I customized the video controls and designed them manually. Focus on handling the video node and how to implement custom behavior for it.
Special topics covered:
A simple movie search website.
Special topics covered:
position: static; in CSSA practical note web app to handle categorized notes. There are notes that can have a category for. you can search in notes and edit or remove those.
Special topics covered:
Famous strategy game Othello, known as Reversi, implemented in pure Javascript.
Special topics covered:
Simulating a quiz in web app.
Special topics covered:
A simple implementation of a small range slider with pure Javascript.
Special topics covered:
This project is a real messaging app that developed with pure javascript without third-party libs. We focused on the Web Components in this project and give it a real component structure. All chats, messages, data are fake and generated with a data-factory. I hope It would be useful.
Special topics covered:
This is a practical canvas tutorial, a animated wallpaper with circles that moves on it. The code is full documented and easy to read.
Special topics covered:
A modern design concept to showcase content in a container with two splitted sections which will resize on mouse over
Special topics covered:
Cool loading animation with pure CSS. Animation contains sliding and floating boxes, designed by Vitaly Silkin.
Special topics covered:
It’s so simple. Clone or download the repository, open project directory and open index.html in your browser. As I mentioned above, there is not any bundler and all scripts have been injected in the HTML.
I’ll try to make this repo very useful. So, I really looking forward to your help and comments to make this better.