Category: HTML

Hello Everyone, In this tutorial we are going to build weather app using HTML CSS & JavaScript. In the last tutorial we are created Preview Image Before Upload Using JavaScript. We have to learn how to create a weather app using HTML & JavaScript. In this weather app, you can get the weather details of a particular area as well as city by entering the city name or you can also get your current location weather details by clicking on the “Get Device Location” button. If you entered ... Read Mores

Hello Everyone, Today in this blog you’ll learn how to Preview Image Before Upload or File Upload Button using HTML CSS & JavaScript. Earlier I’ve shared a blog on How to Create Text To Speech Converter in HTML & JavaScript. And now I’m going to create a File Upload Button. In this program, at first, on the webpage, there is a file preview container with a cloud icon and an upload button. When you click on the choose a file button there will open a new window to select an image o... Read Mores

Hey Everyone, today in this tutorial, you’ll learn how to create a Text To Speech Converter in HTML CSS & JavaScript. In the earlier blog, I have shared How to Build A Currency Converter App in HTML CSS & JavaScript and now it’s time to create a Text To Speech Converter Web Application. Text To Speech (TTS) is a technology that enables your text to be converted into speech sounds. In this project (Text To Speech Converter App), you can convert your text into speech on different voic... Read Mores

Hey there, today in this blog, you’ll learn how to Build A Currency Converter App in HTML CSS & JavaScript. In the earlier blog, I have shared Create Animated Minions Using HTML & CSS and now it’s time to create a currency converter using pure JavaScript. In this app (Currency Converter in JavaScript), you can enter your amount and convert your currency to a different country’s currency. You can’t leave the amount field blank or enter 0 as an amount. If you do it, then “1” w... Read Mores

Hello Everyone, Today in this tutorial you’ll learn how to create Facebook Wow Reaction Button using only HTML & CSS. Earlier I have shared Build a Dictionary App in HTML CSS & JavaScript.  Now it’s time to create a Facebook Wow Reaction Button. As you know, Facebook reaction buttons mean instead of just having the option of ‘Liking’ a post, users can now interact with a status update, article, or photo using one of seven emotional reactions: Like, Love, Care, Haha, Wow, Sad, ... Read Mores

Hello Everyone, In this tutorial how to Build A Dictionary App in HTML CSS & JavaScript. This is a very simple project for JavaScript beginner. In the earlier blog, I have shared How to create an English Dictionary App using HTML & Javascript, and now it’s time to create a Dictionary App in Vanilla JavaScript. HTML Firstly, you have to create an HTML file with the name of index.html and paste the given codes in your HTML file. Remember, you’ve to create a file with .html extension. ... Read Mores

Welcome to today’s tutorial. In this tutorials, we will learn how to create an English Dictionary App using HTML, CSS and Javascript. This fun project is suited for javascript intermediates. In the last tutorial we are created RGB To HEX / Hex To RGB Converter Using Javascript. The dictionary app consists of a search text field and a search button. The user has to enter the word in the text field and click on the search button. The result displays the word meaning, word pronunciation along w... Read Mores

Hello Everyone, In this tutorial we are going to create an RGB to HEX and HEX to RGB converter using Javascript. There are many rgb to hex converter tools using js are available but today let us make this tool ourselves with HTML, CSS and Vanilla Javascript. This is a great project for javascript intermediates. In this converter tool consists of two input fields. One for RGB and another one for Hex. If the user wants to convert his RGB colour code into HEX code, he needs to enter the colou... Read Mores

Hello Everyone, In today’s tutorial, we will learn how to create minion eyes that follow your mouse cursor. To create this project we need HTML, CSS and Javascript. This project is best suitable for javascript intermediates. Javascript beginners might feel this project is a bit tricky and easy. Access Our :  Free Online Tools In this project, we create minion eyes using html, CSS & JavaScript. And to make the eyes follow the mouse, we make use of javascript. HTML <!DOCTYPE html> &... Read Mores

Hello Everyone, In this tutorial we are going to create superman mode minion using HTML, CSS & JAVASCRIPT. In the last tutorial we are created a minions using html and css. The three animated minions we are created in previous article. Now for create superman mode minion follow the following steps. HTML Firstly you have to create a folder for our project. You can take any name that you want. Im going to create a folder named as Minion. In the minion folder im going to create index.html file... Read Mores