Tag: Projects
All the articles with the tag "Projects".
-
50projectsIn50days – Day 29: Double Heart Click
In the HTML, you'll find a title, h3, and small text, which resemble a cell phone layout. The entire page listens for click events. When a click event occurs, the createHeart function is triggered,
-
50projectsIn50days – Day 28: Git Hub profile
Fetching GitHub user information is the core task of this project. This involves interacting with the GitHub API, which is facilitated using the Axios library. The script is embedded in the HTML as
-
50projectsIn50days – Day 27: Toast Notification
Toastify is a well-known library that helps create Toast Notification on your website. You can find the npm project here: toastify-js However, in this projects, we replicate the same behaviour but
-
50projectsIn50days – Day 26: Vertical Slider
Vertical Slider is a project were you can flip the images vertically instead horizontally. For that reason the name. The html has a fixed number of images which are loaded from Unsplash. There are two
-
50projectsIn50days – Day 25: Sticky Nav
A Sticky menu navigation is popular in webs. It keeps a menu bar at the top of the page visible on the screen while the user scrolls down. Most of the wev development frameworks uses it, or has a
-
50projectsIn50days – Day 24: Content Placeholder
A Card placeholder is a common element in a lot of web pages. Nowadays we can use it with differents frameworks. It is possible that x is the most famous of them. In the official documentation you can
-
50projectsIn50days – Day 23: Kinectic Loader
The HTML page doesn't have any html nor Javascirpt which explains the functionalyti. Therefore all the changes is made by the CSS. The movement is made by the Transform function as you can see here:
-
50projectsIn50days – Day 22: Drawing App
There is a toolbox in the middle of the screen, as a Paint emulator. Below the box you can see buttons related to the possibilities of change the color and the size of the draw up. The elements