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:

content-wide advt