YouTube Clone Design Using HTML and CSS
In this tutorial, we will provide a complete source code to make a website design like YouTube. We will make this webpage using HTML and CSS. Source Code index.php style.css logo.svg profile.jpeg index.php <html> <head> <meta…
Real Time HTML CSS and JavaScript Editor with Preview
In this tutorial, we are going to learn to create a real-time HTML, CSS, and JavaScript editor with preview in a webpage. We can easily write our code in the text area provided the output of which can be easily rendered in the preview area on the same…
Random password generator with character length using JavaScript
In this tutorial, we are going to learn to create a random password generator tool with an option to change the number of characters. We will be using JavaScript to create a random string to generate the password. Full Source Code : <style…
IPhone UI design using HTML and CSS
In this article, we are going to create an Apple iPhone like User Interface (UI) design using HTML and CSS. Full Source Code Here : <style type="text/css"> html,body { height:100%; } .iphone { margin:auto; border:10px solid black;…
How To Make A Website Like Facebook Using HTML And CSS
In this tutorial, we will learn to make a social media website design like Facebook. We will make this social media website template using HTML and CSS. LIVE DEMODOWNLOAD Follow this video for complete guidance :
Design a Digital Clock using JavaScript
In this article, we are going to design a working digital clock using JavaScript. The basic setup for digital clock : <div id="clock"></div> <script type="text/javascript"> function showTime(){ let time = new Date(); let hour =…
How to change MySQL root password in XAMPP localhost ?
The root password for XAMPP is empty by default. The default empty password is obvious for development purpose in local environment. However, if we want to make the database more secure and not easily accessible, we can easily change the MySQL password.…
Personal Blog – Free Responsive HTML Template
Personal Blog is a free HTML template designed for someone who is looking to run his/her own blog. This is a responsive template in which an individual can post his/her blog posts. The list of posts are shown and the template has a single detail page for…
TheCorporate – Free Responsive Single Page Corporate Website HTML Template
TheCorporate is a free HTML template designed for a corporate house. This is a single page responsive template in which a corporate house can disseminate all information regarding their company. It is a very lightweight with just minimal CSS and…
OnlineKart – Free Responsive Single Page Product Showcase Website Template
OnlineKart Shop is a free HTML template designed especially for showcasing list of products for sale in the webpage. Your users will have a better experience regardless of the device they are using to view the page. It is a very lightweight with just…
News Blog – Free Responsive HTML Template for News Websites
News Blog is a free HTML template designed especially for simple news site or blogs. Your users will have a better experience regardless of the device they are using to view the page. It is a very lightweight with just minimal CSS and JavaScripts…
Calculate Internet Connection Speed using JavaScript
In this article, we are providing you with a code snippet which you can include in any webpage where you want to display the internet speed in Mbps. Basic Idea : The basic idea here is to load an image and see how much time it takes to load the image…
Access Camera and Read QR code using JavaScript
In this tutorial, we are going to create a QR Reader using JavaScript and HTML5. JavaScript enables us to access the camera and then we can easily scan the QR code to get the message in the QR Code. We can create our own QR Code Reader using JavaScript…
One Thing Per Page Design using HTML, CSS, JavaScript and JQuery
Welcome to yet another interesting tutorial in which we will be designing a webpage. The webpage shows a single item in a single view and when scrolled jumps to another item. Source Code <script type="text/javascript"…
Draggable HTML Element using pure JavaScript
In this article, we are going to learn to create a draggable HTML element with pure JavaScript and no use of any other libraries or plugins. Source Code : <!DOCTYPE html> <html> <style> #mydiv { position: absolute; z-index: 9;…
