Ionic 4 – Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in Ionic 4 application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also be seen everywhere on the day to day items like eatables clothes etc, we can wimple scan these barcodes to get information like item code date of manufacturing, prices etc.

Continue reading Ionic 4 – Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

Ionic 3 – Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

AdMob Plus is a Cordova plugin to use Google AdMob in hybrid applications like Ionic. AdMob Plus is developed by same developer Ratson who previously developed and maintained AdMob Free plugin. Ratson wanted to create an AdMob plugin with no ad sharing, as most of the plugin do, they take a part of the revenue from developer earning when they cross a certain threshold. But Ratson was interested to develop an open source project where a developer can use AdMob without any risk of revenue sharing.

Continue reading Ionic 3 – Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

Free Online Tool to See YouTube Video Tags

I have developed this free tool to check YouTube video tags. You just need to put URL of YouTube Video link, then hit search. This tool is making Google YouTube API hit to fetch YouTube Tags Details. It hardly takes a second to get All video Tags and HD cover photo.

Continue reading Free Online Tool to See YouTube Video Tags

Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 provides Toast Controller using which we can have close enough toasts like native applications. Toasts prove very helpful in making user interfaces more friendly, we can alert users for small information like data processing, please wait, It’s Done! like messages.

Continue reading Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

Angular 7 – Drag and Drop Across Multi Lists in Angular Material 7

Angular Material 7 has introduced two major updates, Virtual Scroll, and Drag and Drop. Both these features prove very useful and productive from a user perspective. You can check my previous post on Virtual Scroll here. In this post, we will create an application to demonstrate Drag and Drop functionality in Angular Material 7.

Drag and Drop enables a user to move anything from one place to another in a web application with the help of a mouse, this helps in creating interactive, highly simple clean user interface. In our application we will have three user lists i.e Still Doing, Done and Nevermind. A user can drop an item from any list and can drop to any other list.

Continue reading Angular 7 – Drag and Drop Across Multi Lists in Angular Material 7

AngularJS – Image Crop Directive with Resize in Angular 1.x

Many web application has a feature to upload media including images, this can be for any purpose like Uploading some document, uploading screenshots, Updating profile images. To provide a user-friendly interface for uploading we can add an Image crop tool on the client side so that user can crop the desired portion of Images to be uploaded. On another side, it also helps in reducing disk space occupied by images as cropped images have lesser size.

Continue reading AngularJS – Image Crop Directive with Resize in Angular 1.x

CSS & jQuery – How to Disable Text Selection Highlighting?

In some cases, we don’t want others to copy selected text. To prevent text on a webpage we can opt for CSS, Pure JavaScript or jQuery solution. We will discuss one by one.

Continue reading CSS & jQuery – How to Disable Text Selection Highlighting?

jQuery – Top 5 Image Slider/ Carousel Responsive

Image Sliders plays a key role in beautifying user interface by placing multiple images at a single or limited area. Here we will discuss Top 5 Image Sliders/ Carousel Available for free. We will also discuss the pros and cons of each option available.

Continue reading jQuery – Top 5 Image Slider/ Carousel Responsive

How to Test Touch Behavior in Google Chrome

Ever wondered to test touch events on Web Browser itself? Yes! it’s possible to emulate touch events and behavior in chrome browser. Many Ionic developers sometimes need to test touch events, then the only option left is to run the application in the real device.

Here we will discuss How to Enable Touch sensors in Google Chrome?

Continue reading How to Test Touch Behavior in Google Chrome

Ionic 3 – Create Swipeable/ Draggable Tab Pages Application in Ionic 3

Like we see in popular applications like Instagram, we usually have different views which can be easily swiped or dragged right to left to change the view. Today we will implement same user interface having swipeable pages instead of tradition Tap to Change scenario.

Continue reading Ionic 3 – Create Swipeable/ Draggable Tab Pages Application in Ionic 3