Simple Image Carousel using Bootstrap
An Image Carousel is a container containing a series of images which can be viewed one by one or by clicking in the specific index. The carousel generally uses CSS and JavaScript to achieve the desired output. Follow this video for complete guidance :…
Sending Free Emails with SendinBlue API V3
Email has become one of the integral part of our daily process in recent years. Especially to business or corporate houses, emails are widely used for communication and marketing purposes. In this article, we are going to learn to send emails using PHP.…
Image Grayscale and Zoom effect on hover using CSS
Images, graphics and videos are an integral part of web presentation in recent times. Users are always attracted to visual presentations as compared to text contents. In this article, we are going to create a hover effect on image to make our webpage…
Flying Plane Animation using HTML and CSS
In this tutorial, we are going to learn to create a flying plane animation using simple HTML and CSS. We will use “animation” CSS property to move the plane in sky background. We need two images for the sky and for the plane. Here are the two…
Minify HTML, JavaScript and CSS using PHP
The following script defines a simple PHP function that can minify HTML, JavaScript and CSS codes into one line. Minifying codes is of huge importance as far as web performance is concerned. The less bytes the faster the experience because less bytes of…
Get WHOIS information using PHP
In this tutorial, we will be using PHP API to get the WHOIS records and ownership details of any domain name, like owner name, email address, country, creation, last updated, expiration, location of both registrar and domain in the JSON format. What is…
Rotating Border Animation using CSS
In this tutorial, we are going to create a rotating border animation using CSS. In the following example, we have set a rotating border to a an image element using CSS animation property. We have used position property, ::before selector, animation…
How to preview image before upload using JavaScript ?
In this tutorial, we will be learning to preview an image without actually uploading it to the server. We will use couple of lines of JavaScript code to achieve this. We will have an “input” HTML element to trigger the file selection box…
Design progress bar using CSS and JavaScript
A progress bar is a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer or installation. A progress bar can be used to show how far along a user is in a process. Follow this…
How to share URL in Facebook Messenger through web ?
The following script enables you to share any link/URL in Facebook Messenger from webpage. We have used Facebook JavaScript SDK to achieve this. The script opens a new window in desktop web browser that enables you to share any link to specified friend…
How to create red blinking dot using CSS ?
In this tutorial, we are going to create a red blinking dot/circle using CSS. We will use CSS animation to achieve the same. Full Source Code : <style type='text/css'> @keyframes blink { 0% { transform: scale(1); opacity: .25; } 25%{ opacity: 1; }…
Confetti Party Popper Animation using JavaScript
What is a Party Popper ? A party popper is a handheld pyrotechnic device commonly used at parties. It emits a loud popping noise by means of a small friction-actuated explosive charge that is activated by pulling a string. The explosive charge comes from…
Configuring and installing WML (Wireless Markup Language) in XAMPP
The following are the steps outlined for setting up a server environment (XAMPP/LAMPP/WAMPP/MAMPP), configuring Apache to handle WML files, and using a phone simulator for testing. 1. Install XAMPP/LAMPP/WAMPP/MAMPP Choose one of the server packages…
How to Turn off Automatic Updates in Windows 10 ?
One of the most contentious aspects of Windows 10 is the operating system’s new approach to updating. When Windows decides to apply updates, the system gathers them and installs them automatically. This can be quite annoying for users, as they…
How to upload files via FTP using PHP ?
In this tutorial, we are going to learn to upload files via FTP using PHP. The File Transfer Protocol (FTP) is a standard communication protocol used for the transfer of computer files from a server to a client on a computer network. FTP is built on a…
