SVG Animation using GreenSock (gsap.min.js)
The following source code demonstrates the use of GreenSock (gsap.min.js) to show a sample SVG animation. Source Code : <style> body, html { width: 100%; height: 100%; } body { display: flex; justify-content: center; align-items: center;…
Better be Late than Regret
Whether we agree or not, all of us have been in situations when we have had no idea whatsoever on what should be our next step. We may or may not have a set of options to select from, but deciding on what to choose gets really difficult sometimes.…
Create Custom Music Player using HTML, CSS and JavaScript
In this article, we are going to learn to develop a custom music player using HTML, CSS and JavsScript (preferably JQuery). Full Source Code : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <script…
Create an Analog Clock using HTML, CSS and jQuery
In this article, we are going to learn to create/develop a working analog clock using HTML, CSS and jQuery. The basic login in this analog clock lies in the fact that a complete one round is equivalent to 360 degrees. The position of hour hand, minute…
Simple HTML parser using PHP
A simple PHP HTML DOM parser written in PHP5+, supports invalid HTML, and provides a very easy way to find, extract and modify the HTML elements of the DOM. jQuery like syntax allow sophisticated finding methods for locating the elements you care about.…
CSS : Rotate icon on Hover
In this article, we are going to rotate an icon on mouse hover using CSS transform. The transform property applies a 2D or 3D transformation to an element. This property allows you to rotate, scale, move, skew, etc., elements. DEMO Full Source Code :…
Random Quotes Generator using PHP API
The following source code demonstrates a simple PHP API to get random quote. We simply need to make a GET request to the API endpoint : https://api.quotable.io/random and we will get a random quote in response. Full Source Code : <?php $api_url =…
Create Custom YouTube Playlist using PHP and JavaScript
The following source code enables us to create a custom playlist with just the videos that we want to play. Full Source Code : <link rel="stylesheet"…
Animated Card Slider using jQuery
In this article, we are going to design an animated card slider with next/previous button using jQuery. The following source code provides us with a card slider UI design with next and previous button. The basic idea is to allow users to swipe through…
Design a Attractive Custom 404 Page
A 404 page is what a user sees when they try to reach a non-existent page on your site. Its not necessary that you always find the page you wanted to surf. Sometimes, users have to come across a content or page that is not available. In such case, the…
QR Code Reader using PHP Library
In this article, we are going through a PHP library to detect and decode QR-codes. Installing QR Code Reader/Decoder PHP Library The recommended method of installing this library is via Composer. We need to run the following command from the project…
Convert Number into words using PHP
In this article, we are going to learn to convert number into words using PHP. We have a PHP function which simply returns the word for the corresponding numeric value passed to it. PHP Function to convert number into words <?php function…
Create Custom Accordion using JQuery
Accordions are the special type of UI element belonging to Tab Type Category. You can use them to create sidebars, menus or for creating interactive pages with lengthy content . Accordions are useful when you want to toggle between hiding and showing…
Prevent Too Many Request From a Client using PHP
In certain scenarios, we might need to make sure that a client is not allowed to request a page for multiple number of times within a period of time. The following sample PHP code exits the execution when a client requests the same page more than once…