Tag: #50projectsIn50days
All the articles with the tag "#50projectsIn50days".
-
50projectsIn50days – Day 15: Counter
A page which load three values that are hardcoded in the HTML tag: <div class="counter-container"> <i class="fa-solid fa-truck-fast fa-3x"></i> <div class="counter" data-target="120000"></div>
-
50projectsIn50days – Day 14: animated navigation
A navigation bar inside the html is the responsible of hosting the menu li. But, for the example is not necesarry to use explain more about that. This nav has an event listener which listen for a
-
50projectsIn50days – Day 13: Random Picker
A text area where you add a number of elements divided by comma. Then, when you press enter the you'll see a simple animation and a, in yellow, the chosen one. The text area in index.html is where
-
50projectsIn50days – Day 12: Faq Collapse
One of the most typical features we can find in a web page is the Frequently asqued questions. There are in many ways: Fixed, floating and, as we can see in this case, collapsed In a big faq container
-
50projectsIn50days – Day 11: Event Keycode
The purpose of the project is to understand the event "key". It is supossed you press a key and see in the browser the key you've alredy pressed the key code, and the name ol the event. The html is
-
50projectsIn50days – Day 10: Dads Joke
A simple container shows us a Dad Joke. If you click the button, another card will appear. The HTML and CSS are simple and don't have anything special to point out. What is different is in JavaScript
-
50projectsIn50days – Day 9: Sound Board
A sound board that has buttons with different sounds. If you click, you'll hear a sound. The projects uses the <audio> element. The <audio> HTML element is used to embed sound content in documents. It
-
50projectsIn50days – Day 8: Form Input Wave
Email and Email are into the label element as we can see here: <form> <div class="form-control"> <input type="text" required /> <label> Email</label> </div> <div class="form-control"> <input