10 tips for beginners who want to become professional developer
Being a professional developer involves using your technical skills and knowledge to design, build, and maintain software and other applications. As a professional developer, you may work on a variety of projects, including building websites, creating…
How to change image randomly in a webpage using JavaScript ?
In this tutorial, we are going to learn to change image randomly in a webpage using JavaScript. We will defined fixed set of images which will be used in the webpage randomly after certain interval. Watch this video for complete guidance :…
Lottery Lucky Draw generator using JavaScript
In this tutorial, we will be using JavaScript to generate a Lottery Lucky Draw in our webpage. The basic idea is to rotate through a number of random numbers and and stop it at any random point to decide the winner of the lottery. Follow this video for…
Rotate Image using jQuery and CSS
In this tutorial, we are going to rotate an image using CSS transform property. CSS transform property allows us to rotate, scale, move or skew elements. Follow this video for complete guidance : Source Code : <link rel="stylesheet"…
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; }…