Search This Blog

Monday, January 4, 2021

CSS ROOT styling color schemes

How to Cater to People's Color Preferences>

The prefers-color-scheme media feature can be queried to serve up your user’s color scheme of choice. The light option is the go-to version if no active preference is set, and it has decent support across modern browsers.

Additionally, users reading on certain devices can also set light and dark color themes based on a schedule. For example, my phone uses light colors throughout its UI during the daytime, and dark colors at night. You can make your website follow suit.

Avoid repeating a lot of CSS by setting custom properties for your color themes on your :root pseudo-class. Create a version for each theme you wish to support. Here’s a quick example you can build on:

Tuesday, December 29, 2020

Youtube Timeline Direct Link HREF [SOLVED]

Add {ampersend}t={seconds} to Youtube Video link

https://www.youtube.com/watch?v=iumclau5_eI&t=3966s

Thursday, December 24, 2020

AddEventListener for SELECT Element HTML5 JavaScript

If you are wondering would ADDEVENTLISTENER for SELECT ELEMENT, then check this

Thursday, November 26, 2020

FETCH an IMAGE with ASYNC and AWAIT in Javascript

I want to fetch an IMAGE from the application and display. Here is a simple code

Courtesy --- Full Youtube Video

More Excercises to play with TEXT & DATA are here

Friday, November 20, 2020

Bootstrap 4 login in form center of the screen

Bootstrap 4 login in form center of the screen

  • CONTAINER -- class="container-fluid h-100"
  • ROW --- class="row justify-content-center align-items-center h-100"
  • COL --- class="col col-sm-6 col-md-6 col-lg-4 col-xl-3"

Wednesday, November 18, 2020

Google Places Autocomplete 2-line styling CSS [SOLVED]

For almost a decade Google Places Autocomplete formatting has been a thorn in the bottom of every developer, so is mine. Here is how I solved it

formatting Google Map Places Autocomplete in two lines bcoz the entire address is not visible properly to elderly people and visually impaired. Here is the best practice

On pac-item-query &&& pac-item apply css DISPLAY:BLOCK and FONT-SIZE:20PX

Tuesday, November 17, 2020

How to prevent mobile keyboard from rising footer over the Input / Content [solved]

Very simple keep POSITION: RELATIVE

Sunday, November 15, 2020

This project uses AndroidX dependencies, but the 'android.useAndroidX' property is not enabled CORDOVA [SOLVED]

If you are getting these kind of errors like

Task :app:mergeDebugResources FAILED
What went wrong: Execution failed for task ':app:mergeDebugResources'.

This project uses AndroidX dependencies, but the 'android.useAndroidX' property is not enabled.
Set this property to true in the gradle.properties file and retry.
The following AndroidX dependencies are detected:

Try this

Update to cordova-android@9 which implicitly supports AndroidX:

cordova platform rm android && cordova platform add android@8

Add cordova-plugin-androidx to your Cordova project, which persistently sets the native AndroidX flags for cordova-android@8:

cordova plugin add cordova-plugin-androidx

cordova plugin add cordova-plugin-androidx-adapter

Task :app:processDebugGoogleServices FAILED [SOLVED]

REMOVE LINE form platforms/android/app/build.gradle --- apply plugin: 'com.google.gms.google-services'

Phone Number with Country Flag masking using GeoLocation or IP Address

Phone Number with Country Flag and Input Masking will help you to create better UX for Mobile based webpage

Saturday, November 7, 2020

Extract Scrape all EMail Address from a url using PHP

This is a simple PHP script will help you to scrape all email address on any given URL

Friday, October 30, 2020

background 100% center css

Very simple apply body or container div

Monday, October 26, 2020

Square Payment Form PHP -- Customer linked to Payment Order

After lot of bang bang. I could find a way to do 3 tasks with Square Payment Form in PHP

  1. Check from Square Customer Director if USER EXISTS based on PHONE number - If yes Get "CUSTOMER ID" and MAKE PAYMENT
  2. If Customer does not exists in Directory -- CREATE A NEW USER -- GO & GET --> find CUSTOMER ID --> & MAKE PAYMENT
  3. Get PAYMENT ID & SAVE IT IN MySQL Database

PS : This is very crud way of scripting (hahaha). Had to find a way to get this project done. I found out simple way by using GOTO statement. Hope it will help you of my 3 weeks of in between projects and delivered.

ENV file -- env (without extension -- plain text file)

Genarate Square Idempotency Key CLASS) - square-functions.php

HTML FORM - paynow.php

PROCESS PAYMENT Page --- process-payment.php

Thursday, October 22, 2020

Create a New Customer in Square Payment Gateway

This script helps you to Create a new customer for your references to do business with. Open in API

This script Requires ENV script file (without FILE EXTENSION) at root -- env
Please Change your API CREDENTIALS accordingly



Add New Customer Form Page -- new-customer.php



Save New Customer to SQUARE -- new-customer.php

Sunday, October 18, 2020

SQUARE Paypement API -- is fucking stupid

Tell you what!!! Square SDK and APIs are so fucking stupid, do they even have working script example???

Nowadays we have many frameworks & CMS plugins --- if you keep popping "AUTHENTICATION_ERROR" -- how the fuck in your cunt are we gonna get it right & deliver product solution????

All SQUARE have for you is fucking WALK THROUGH in NODE???

can you host THIS NODE script on SHARED LINUX HOSTING???

who the fuck you think is kidding -- mother fuckers???

POST output -- all error

USUAL FUCKING SUSPECT --- which these fucking square developer section or ZERO CUSTOMER CARE never explains you where the fuck YOU HAVE GONE WRONG -- WHAT ARE THEY MOTHER FUCKERS AT SQUARE ARE ARROGANT ABOUT???.

content-wide advt