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... Read more

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... Read more

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, ... Read more

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... Read more

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... Read more

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... Read more

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%{... Read more

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... Read more

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... Read more

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... Read more

Autocomplete Input using jQuery UI

In this tutorial, we are going to create an Autocomplete Input element using jQueryUI. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you’re building highly... Read more

[Updated] Instagram API to fetch User Profile, Followers, Following

Have you gone through one of our video tutorial : Simple Instagram API that fetches User Profile, Followers, Following, Images, Posts, Likes , Shares using JavaScript for fetching Instagram User profile, followers, following and posts. Most of the viewers were... Read more

Basic Guidelines to Kanchanjunga Base Camp Trek

Read more

Sliding Navigation with HTML, CSS and jQuery

Read more

How to create FAQ page using HTML and CSS ?

In this tutorial, we will learn to create a FAQ page using HTML, CSS and a bit of JQuery.   Source Code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>FAQ</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <style type="text/css"> body{ background:... Read more