Follow these steps: Step 1: Create a Service Account Go to the Google Cloud Console. Navigate to IAM & Admin > Service accounts. Click Create Service Account. Follow the prompts to create a new service account. Step 2: Enable the Search Console API Go to the Google Cloud Console. Navigate to APIs & Services > […]
React Native’s style processor has become very powerful and convenient, it’s now possible to achieve certain layouts that were only achievable before through Javascript programming. In this example I want to show you how to achieve a card structure layout that you see in most modern apps these days. It includes a linear gradient from […]
One of the pages that you will be required to create when building a Ecommerce mobile app is a Cart system where in users can easily manage the items they want to buy. The demo bellow demonstrates how you to create a stylish cart system without having to install external plugins to meet the requirements. […]
While I was working on a e-commerce site for a client, there was a part that I had to work on a Wizard / Stepper form for the checkout page. At first I was thinking maybe I could just use a plugin for this? so I searched around the internet but didn’t find anything that […]
<!doctype html> <html ng-app=”ui.bootstrap.demo”> <head> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js”></script> <style> @media print { body * { visibility: hidden; } .modal-content * { visibility: visible; overflow: visible; } .main-page * { display: none; } .modal { position: absolute; left: 0; top: 0; margin: 0; padding: 0; min-height: 550px; visibility: visible; overflow: visible […]
While there are other interesting ways to achieve this such as arrow functions, I’ve decided to share with you a simple yet effective way that is supported in all major browsers. Refer to code and usage below: /** * @description determine if an array contains one or more items from another array. * @param {array} […]
Installing MongoDB in Windows can be very confusing when you’re a beginner. Your first thought was probably to just google and find a article that will summarize it for you, well you came to the right place. Let’s dive into the installation right away Download and install the latest version of the following if you […]
An example code for dsiplaying PhotoSwipe slider inside a container rather than full screen. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.css"> <link rel="stylesheet" […]
You can detect when a user stops interacting with the page using pure Javascript. Example below is a scrupt that will reload the page when user becomes inactive for 5 seconds. It will still run even though you are in another tab. 123456789101112131415 <script> onInactive(5, function () { window.location.reload(); }); function onInactive(seconds, cb) […]
