Search This Blog

Friday, January 29, 2021

gyp: No Xcode or CLT version detected!

Did you recently update your macOS Catalina to version 10.15.2? If you did, then you probably in the same boat too. What I immediately noticed from my terminal is this new shiny error about gyp: No Xcode or CLT version detected any time I ran either yarn install or npm install

gyp: No Xcode or CLT version detected!

Just Do It -- in terminal

sudo xcode-select --reset

Monday, January 18, 2021

Free Public STUN TURN Servers for WebRTC hosting

Actually there is no need to setup your own STUN or TURN servers, because there are a lot of public/semipublic servers. STUN from Google not always works very well.

This is my latest verified list (don't forget stun:/turn: scheme in URL):

you can always test your STUN/TURN/TRICKLE ICE at TEST WebRTC Server Service

Wednesday, January 13, 2021

onchecked Multiple checkbox elements adding / deducting to total amount in plain javascript

This is a very simple example of how to deal when you have MULTIPLE CHECKBOX with an AMOUNT to be ADDED to the GRAND TOTAL. Also to be displayed on right table rows

There is a CATCH --> users might CHECK & UN-CHECK in such case there is a need to ADD & SUBSTRACT functionality as well as updating TABLE on-the-right with description.

HTML Code

JAVASCRIPT - CODE

Saturday, January 9, 2021

Apply Flaticon SIZE and COLOR

Here is how to change Flaticon font color & size or you can EDIT "flaticon.css" directly

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

content-wide advt