In this article, I’ll look at a simple approach for including PDF support in your web application with mobile responsive. PDF is one of the most used for the web today. Every day people all around the world read PDF files, invoices, books etc on their devices. However, it’s not so easy if you want…

In most of the website for some reasons we have a option to upload a PDF file and create preview thumbnails from uploaded PDF file. So in this tutorial I will explain you how to create a PDF preview image in PHP.

WM Zoom is a jQuery plugin that creates a magnifier overlay on the image and displays the high definition image inside it. Also provides a config to provide Inner zoom functionality as you mouse hover on the image.

Mailgun is good service provider which is allows you to send bulk emails via Mailgun API. Mailgun assembled a MIME message. In short, SMTP is an open and established protocol with large ecosystem, while Mailgun API is better long term performance and maintenance wise. Mailgun service is an Email automation…

WM Zoom is a jQuery plugin that creates a magnifier overlay on the image and displays the high definition image beside it. Also provides a config to provide outer zoom functionality as you mouse hover the image.

The Fullscreen API is allows web page or HTML element to viewed in fullscreen mode, and hiding all browser user interface and other applications from the window screen. You can use this API to bring images, videos and other content to a users full attention.

In this tutorial, we are going display a progress bar during the AJAX file upload process. On file change we are update to submit form data to the PHP page. also, we have file input field and progress bar to show the file upload progress. Initially, the progress bar width is set to 0 which will be gradually…

In this tutorial, we are going to look at how to create bootstrap daterangepicker in our project, then you can use date range picker easily using daterangepicker.js plugin. In this post i give you full example. So just copy bellow code and run in your browser.

Include following files in your…

Real time search and filter on a HTML table using javascript Its a common practice to display large data using table elements. Moreover, many a times its helpfull to search through the displayed data especially when there are lots of rows and columns. One cannot expect users to keep scrolling page for…

In this article I will show you how to implement drag and drop for HTML tables in Javascript. There are many articles/blogs on implementing drag and drop table row in Javascript and many excellent frameworks and libraries that provide you exactly you need.