Category: Programming

Hey Everyone, today in this tutorial you’ll learn How to Detect AdBlock using HTML & JavaScript. In the earlier blog, I have shared How to Build Weather App using HTML CSS & JavaScript and now it’s time to create a popup box using JavaScript that detects AdBlocker. If you’re new to this blog and it’s the first blog you’re viewing then click here to view playlists of our all JavaScript Projects on Codegyan. AdBlocker is a content filtering or web browser extension that blocks d... Read Mores

Hey Everyone, today in this tutorial you’ll learn how to Save or Download YouTube Video Thumbnail or other Image Files using PHP cURL & JavaScript. In the earlier tutorial, I have shared a blog on Popup Share Modal UI Design using HTML CSS & JavaScript and now it’s time to create a project to download YouTube video thumbnail using JavaScript & PHP. In this YouTube Video Thumbnail Downloader, you can see in the image preview a white box or form with an input field, image preview... Read Mores

Hey Everyone, In this tutorial you’ll learn how to create a Popup Share Modal UI Design using HTML CSS & JavaScript. In the previous tutorials, I have shared How to Build Weather App using HTML CSS & JavaScript and now it’s time to create Share Modal design. In this Popup Share Modal UI Design, at first, on the webpage, there is a view modal button, when you click on that button then the modal box appears with a popup animation on the screen. In this share modal box, there are some ... Read Mores

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

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, 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