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
React Native Tabs in Single File and Split Files
Single File: Split Files
React Native List with Grid consisting of Icons and Text
The example bellow runs via Snack created by Expo, it shows how you can layout a list in react native which consists of an internal grid where 1.) a icon appears from the left, 2.) a text in the middle
React Native Cart System
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
React Native Wizard Stepper
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
Print Content Of Bootstrap Modal Window
<!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:
Javascript – Check if an array contains one or more items from another array.
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
Installing MongoDB in Laragon Windows
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
PhotoSwipe – Loading slider to a container
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"
Javascript – Detect Inactivity in Browser Tab
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