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…
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…
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…
[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…
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"…