50 Days 50 Projects, Using Html, Css, and JavaScript.
-
Updated
Apr 22, 2022 - HTML
50 Days 50 Projects, Using Html, Css, and JavaScript.
50 Project using HTML, CSS and JavaScript
This project involves having the entire website rotate when the hamburger icon is clicked and bringing in the navigation on the bottom left. The page shown was recreated from my Etsy Shop, Sadie Bloom Designs.
This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.
50 mini web projects using HTML, CSS & JS
This expanding cards project features five different images of beaches in my area. When clicked, an image card expands while the other cards remain inactive. This is part of Brad Traversy's Udemy Course "50 Projects in 50 Days."
This sound board has been created using HTML, CSS and JS. It plays different types of sounds when a specific button is clicked. I have uploaded the different sounds used in this project.
This is a purely project-based repo. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This repo includes more than 55 mini projects in HTML, CSS & JavaScript that relate to the DOM (Document Object Model). Here is the repo list that I have created.
I have created a rotating navigator using HTML, CSS and JS which can be used in various projects to show or hide the navigation bar.
Expanding Cards Animation.
Day-18 Background Slider. Created with CodeSandbox
Day-38 Mobile Tab Navigation. Created with CodeSandbox
Day-9 Sound Board. Created with CodeSandbox
Day-39 Pwd strength background. Created with CodeSandbox
50DaysJsProjects
This incrementing counter has been made using HTML, CSS and JavaScript.
Sections on a page transition in from alternating sides when scrolling down. The opposite happens when scrolling up the page.
50 unique mini-projects to sharpen your HTML, CSS & JavaScript skills
Scroll Animation using JQuery.
Scroll Animation project inspired by Brad Traversy.
Add a description, image, and links to the 50projects50days topic page so that developers can more easily learn about it.
To associate your repository with the 50projects50days topic, visit your repo's landing page and select "manage topics."