Hey, If you want to follow with me, you can find the files I used in this video in my GitHub account, here is the link (ps: download the part 1 files):
https://github.com/CodeExplainedRepo/Meditation-App-HTML-CSS-JavaScript
____________________________________
Create a Responsive Meditation App With HTML, CSS and JavaScript | PART 2
https://youtu.be/9KH8ocwIc3I
____________________________________
Hi everyone, in this tutorial, you are going to learn how to create a responsive meditation app using HTML, CSS and Vanilla JavaScript, and you are going to learn a lot of things, especially as I discuss the logic and explain everything before typing any line of code, things you're going to learn in this tutorial.
⌛ Steps:
00:03 - Introduction
00:44 - Preview of the app
03:40 - Setup project
05:14 - HTML5 Video
11:33 - CSS Grid Layout
17:35 - HTML5 Audio with custom controls
26:12 - Adding Audio durations
32:07 - Create seasons buttons
35:30 - Menu for mobile screens
🌍 Social Media Links.
◾ Facebook : https://www.facebook.com/Code.Explained.Official
◾ Twitter : https://twitter.com/code_explained
◾ Instagram : https://www.instagram.com/Code.Explained.Official/
◾ GitHub : https://github.com/CodeExplainedRepo
💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExplained
