Local webserver on Mac OS Big Sur 11.4

Big Sur OS version 11.4 comes with pre-installed Apache and php: Apache : 2.4 Php : 7.3.x Start apache server using cmd : After starting apache, check http://localhost in browser, should show “It works!” That’s Default Document Root, lets enable User Level Root to run sites @ http://localhost/~{username}/ Note : {username} is placeholder, please replace… Continue reading Local webserver on Mac OS Big Sur 11.4

Next.js

React is javascript library but Next.js is React framework why? Server side rendering – together client side rendering File based routing Write api in same project repo

Array Object de-structuring

Create variables by extracting data from array or object using de-structuring javascript expression. Example : Along with this we can set default values to variables, can ignore some values in array, swap variables in single lines. Using rest operator (…) we can split array if required. Important : Rest operator should be used as last… Continue reading Array Object de-structuring

Understanding npm link

Symlink a package folder. Consider the example where you have test package inside node modules and you want to change in that package. You could make changes in node_modules and manually copy the changes to the git repository of the dependency once you are done. But there is a much cleaner approach: npm link. Package… Continue reading Understanding npm link

Disable right click on web page

One has to use JavaScript to accomplish this. If the user has JS disabled, you cannot prevent the right click. You can do it either by adding an event listener to for the “contextmenu” event and calling the preventDefault() method. Eg: or just by adding “oncontextmenu” to body tag.

Modal/Popup window in WordPress admin

If you need to create modal/popup window in WordPress admin, its easy. You can use buit-in thickbox jquery library. It’s very well documented @ https://codex.wordpress.org/Javascript_Reference/ThickBox, though lets see quick integration sample code below. Load thickbox js and css by calling function <?php add_thickbox(); ?> Add a link to html with class name ‘thickbox’ example below –… Continue reading Modal/Popup window in WordPress admin

Upgrading Ubuntu, do-release-upgrade vs upgrade

It depends on which ubuntu version you have and upgrade to? Let’s see difference first : do-release-upgrade – will upgrade to next release from version installed. Example use this to upgrade from 14.04.5 LTS to 16.04.1 LTS upgrade – upgrade will install/upgrade to latest versions of all installed packages.

Debug ionic apps installed on device using google chrome

Run following command on terminal – ionic cordova run  –device –debug Next it will ask platform, example android Then Open chrome and Web Inspector in chrome, and follow below menu path. From right side menu “Customize and contorl DevTools” -> More tools ->  Remote Devices It will show list of devices, click on your device,… Continue reading Debug ionic apps installed on device using google chrome