It's easy to embed a YouTube video but you will be surprised to know how much additional weight you can add to YouTube web pages. In order to present the YouTube video player alone, the browser has to download half MB of additional javascript files (see screenshot). And these files are downloaded even when the visitor never runs embedded video. Embedded video not only increases the byte size of your...
Website loader is the most important element for website. Before loading the website content, the preloader is showing, in today's article, we will create a pure CSS website loader without using any jQuery and Javascript language, we will use pure CSS. What is Preloader? The preloader is the most important element of the website because if any website takes 10 seconds to load these days, what do we do? So...
A full width image is now a trend in the Web world, all the landing pages have a full-screen image, full-screen image creates a good impression on users. In this article, we will create a website banner with full screen image. [crayon-5c3f775ba1d53901469723/] [crayon-5c3f775ba1d5b530575103/] Full-Width Image With Html and CSS
A data dynamic is an important form of website, for data insertion, updated users used forms. But in the modern world if your form is not responsive then your form is useless because nowadays most users use mobile phones to access the internet, so your form must be responsive. In this article, we will prepare an HTML CSS responsive form without any HTML CSS responsive framework, we will use HTML...
Create accordions, tabs, dropdowns, popups, and scroll changes with a few lines of jQuery code. Recently, I wrote a beginner’s guide to using and understanding jQuery for Digital Ocean. I found the official jQuery documentation difficult to understand, especially for beginners who only know HTML and CSS. My intent was to make a simple, easy to follow tutorial to introduce the concept of jQuery. When I first started learning, I...