Tips and tricks

Get Browserify Globally as Watcher in PhpStorm [ add Babelify ] !

part 1 – here part 3 – Use Browserify Globally as Watcher in PhpStorm [ add import / export support ] npm i -g babelify@10.0.0 minifyify@7.3.5 you should have babelrc, if you do not have it, you can follow – here Use Browserify as Watcher in PhpStorm $FilePath$ -t [ /usr/local/lib/node_modules/babelify/index.js --presets [/usr/local/lib/node_modules/@babel/preset-env ] ]

Continue reading

Use Browserify Globally as Watcher in PhpStorm

First, we need to install browserify globally Open terminal and say sudo npm install -g browserify@16.5.0 @babel/core@^7 @babel/plugin-transform-runtime@^7 Make sure that in Program you may have /usr/local/lib/node_modules/browserify/bin/cmd.js Then in Arguments $FilePath$ -o $FileDir$/$FileNameWithoutAllExtensions$.js Then in Output paths to refresh dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js.map optional: You could extend with babelify tutorial here Remember to set in Program argument (

Continue reading

Web Development - Use Babel as Watcher in IntelliJ PhpStorm

First, we need to install babel-cli globally Open terminal and say npm install -g @babel/core @babel/cli Then, you will need a preset that babel will follow for now, we will use preset-env: npm install -g @babel/preset-env We will check if / where preset-env is installed which @babel/preset-env It may return nothing, but in my OS

Continue reading

Generate openssl .pem files from .key and .crt

First , you need to generate the private key openssl req -x509 -sha256 -nodes -days 365 -newkey rsa:2048 -keyout privateKey.key -out certificate.crt Then, you can convert them to pem files openssl rsa -in privateKey.key -text > privateKey.pem openssl x509 -inform PEM -in certificate.crt > certificate.pem Or go to https://manage.sslforfree.com/
Gutenberg - uneven columns

Go to your editor. Add 3 columns for example Let’s say we want the first and last column at 10% width Write for the COLUMN element the Additional CSS Class of first-last-10perc Go to Dashboard > Customize > Extra css and enter
how to debug Android chrome

install adb tools minimal open Minimal ADB and Fastboot write adb devices allow usb debugging on your mobile device go to Chrome chrome://inspect/#devices all done
{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","site_url":"https:\/\/digitalzoomstudio.net","theme_url":"https:\/\/digitalzoomstudio.net\/wp-content\/themes\/qucreative\/","blur_ammount":"26","width_column":"50","width_section_bg":"","width_gap":"30","border_width":"0","border_color":"#ffffff","translate_cancel_comment":"Cancel reply","translate_leave_a_comment":"Leave a comment","translate_leave_a_comment_to":"Leave a comment to","is_customize_preview":"off","width_blur_margin":"30","gallery_w_thumbs_autoplay_videos":"off","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/digitalzoomstudio.net"}
{"type":"darkfull"}