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…
English to Hindi / English to Nepali Typing Using Google API
In this article, we are going to integrate Google Transliterate API to convert English text to corresponding text in other language like Hindi or Nepali. For this, we will need two files jsapi.js index.html index.html <script type="text/javascript"…
Calculate Age from Date of Birth (DOB) using PHP
We often need to calculate age of an individual based on his/her date of birth in normal web applications. The basic idea is to calculate the difference in days, months and years between current date and provided date of birth to calculate the age.…
Simple Password Strength Meter using CSS and JavaScript
User authentication and login are now an integral part of the web applications nowadays. Most sites or applications would ask user to sign up at first and then authenticate them with login credentials which will include a secret key commonly known as…
How to wrap text around image using HTML and CSS ?
Normally while designing webpage we will need to use images and text within. Sometimes, we also might need to wrap the text around the image as shown in the image above. In this article, we have provided HTML and CSS for wrapping the text around image.…
Flip/Animate Cards using JQuery
In this article, we are going to learn to flip card block in HTML using JQuery. We will be using JQuery and plugins including wow.js , sticky.js and slick.js in order to achieve this. Full Source Code : <script…